#preview{position:fixed;z-index:9999;left:0px;top:0px;text-align:center;width:100%;height:100%;}
#popup_box{display:block;width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;opacity:0.7;z-index:9999;}
.popup{position:absolute;display:block;border-radius:20px;border:20px solid #fff;width:1000px;background:#fff  !important;margin:0px;padding:0px;left:50%;margin-left:-500px;z-index:999999;top:5%;height:90%;}
.popup > div{position:relative;display:block;width:100%;height:100%;overflow:hidden;margin:0px;padding:0px;}
#product_bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;overflow:hidden;text-align:left;}
#product_bg img{display:inline-block;width:600px;max-width:70%;opacity:0.1;margin-top:100px;}

.fix{clear:both;font-size:1px;line-height:1px;height:1px;display:block;}
.popup .close{position:absolute;right:0px;top:25px;height:40px;width:40px;line-height:36px;text-align:center;opacity:1;background:#000;color:#fff;z-index:999;font-weight:normal;font-size:16px;border-radius:50%;border:2px solid #f6f6f6;}
.popup .close:hover{background:#c00;}
.popup .product_detail,.popup .product_detail *{border:0px;text-decoration:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.popup .product_detail{position:relative;display:block;margin:0px;padding:0px;font-size:14px;line-height:1.2;height:90%;}
.popup .right_content{display:block;width:33%;float:right;padding:0px 10px 20px;background:#fff;opacity:0.8;text-align:center;}
.popup h1{padding-top:30px !important;padding-bottom:10px; margin:0px;text-align:left;color:#2489C5;font-size:24px;line-height:1.4;background:#fff;opacity:1;}
.popup .product_image{width:100%;height:300px;margin:0px auto;overflow:hidden;padding:20px 0px !important;text-align:center;}
.popup .product_image img{height:auto !important;max-height:100%;float:none !important;}
.popup .product_info{position:relative;}
.popup .price{position:absolute;z-index:999999;display:block;width:100%;left:0px;top:-51px;line-height:50px;height:50px;font-size:20px;text-align:center;background:#fff;color:#2489C5;border-radius:5px;opacity:0.9;}
.popup .btn{width:100%;line-height:50px;height:50px;margin:20px 0px 10px;padding:0px;}
.popup .product_content{position:relative;display:inline-block;width:66%;padding:0px 30px;text-align:left;font-size:14px;line-height:1.4;height:100%;overflow-y:scroll;}

@media only screen 
and (max-width : 768px) {
.popup {position:relative;width:auto;border-width:5px;left:auto;margin:10px 30px;top:auto;}
.popup .right_content,.popup .product_content{float:none;width:100%;}
.popup .product_detail{overflow-y:scroll;}
.popup .product_content{overflow:auto;}
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
.popup .btn{width:70%;line-height:50px;height:50px;margin:20px 0px 10px;padding:0px;}
.popup .product_content{position:relative;display:inline-block;width:100%;padding:0px 5px;text-align:left;font-size:14px;line-height:1.4;height:100%;overflow-y:scroll;}
.popup .right_content{display:block;width:100%;float:none;padding:0px 10px 10px;background:#fff;opacity:0.8;text-align:center;}

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 1024px) {
.box {width:auto;}
.popup {position:relative;width:80%;border-width:5px;left:auto;margin:10px auto;top:auto;}
.popup .product_detail{padding:0px 30px;overflow-y:scroll;}
.popup .right_content{min-width:300px;}
.popup .product_image img{height:auto;max-width:100%;width:100%;}
.popup .price{font-size:16px;}
.popup .product_content{overflow:auto;display:inline;width:auto;}
}