v2

css/additional.css

+#overlay {
+    background: rgba(0, 0, 0, .5);
+    position: fixed;
+    z-index: 4999;
+    width: 100%;
+    height: 100%;
+}
+
+.modal {
+    z-index: 5000;
+    width: 416px;
+    margin: 0 auto;
+    background: #fff;
+    position: fixed;
+    top:10%;
+    left: 40%;
+    padding: 0px 0 48px 0;
+}
+
+.hidden {
+    display: none;
+}
+
+.button {
+    display: block;
+    width: 306px;
+    height: 48px;
+    line-height: 48px;
+    -webkit-border-radius: 7px;
+    border-radius: 7px;
+    background-color: #ed1c24;
+    text-align: center;
+    color: #ffffff;
+    font-family: PFAgoraSansPro;
+    font-size: 15px;
+    font-weight: 500;
+    margin: 0 auto;
+}
+
+.modal-head {
+    text-align: right;
+    height: 28px;
+}
+
+.modal-body-header {
+    font-size: 36px;
+    text-align: center;
+}
+
+.modal-body-header small {
+    font-size: 14px;
+}
+
+.input {
+    width: 333px;
+    height: 46px;
+    -webkit-border-radius: 7px;
+    border-radius: 7px;
+    border: 1px solid #d0d0d0;
+    background-color: #ffffff;
+    display: block;
+    margin: auto;
+    margin-bottom: 20px;
+    font-size: 15px;
+    color: #333;
+    box-sizing: border-box;
+    padding: 8px;
+}
+
+.input input[type="text"] {
+    font-size: 15px;
+    color: #333;
+    display: block;
+    background: none;
+    border: none;
+    width: 100%;
+    height: 46px;
+}
\ No newline at end of file

js/common.js

@@ -121,4 +121,33 @@ $('.play1 span').click(function(e) {
 	e.preventDefault();
 	$(this).parent().fadeOut(200);
 	player.playVideo();
-});
\ No newline at end of file
+});
+var overlay = $('#overlay');
+
+$(overlay).click(function () {
+	closemodal('callback');
+	closemodal('bid');
+});
+
+$('.ord1').click(function(e){
+	e.preventDefault();
+	callmodal('callback');
+});
+$('.ord2, .ord3').click(function(e){
+	e.preventDefault();
+	callmodal('bid');
+});
+
+
+function callmodal(id){
+	overlay.removeClass('hidden');
+	// $('#'+id).css({
+	// 	'top' :
+	// })
+	$('#'+id).removeClass('hidden');
+}
+
+function closemodal(id){
+	overlay.addClass('hidden');
+	$('#'+id).addClass('hidden');
+}
\ No newline at end of file