/* CSS Document */
.box{}
.left-pro{width:100%; padding:0px;text-align:left; position:relative;z-index:1;  margin:0}
.left-pro .t1{width:80px;text-align:left;margin-right:-80px ; float:left; position:relative;z-index:5}
.left-pro .t2{width:100%; float:left;position:relative;z-index:1}
.left-pro .t2 .content{margin-left:80px; position:relative}
.left-pro .t2 .content .pre-btn,.left-pro .t2 .content .next-btn{ display:none; position:absolute; width:40px; height:46px; top:50%; margin-top:-23px;background:#000 url(../images/slider-arrow.png) no-repeat; border:none;opacity:0.3; padding-top:6px; }
.left-pro .t2 .content:hover .pre-btn,.left-pro .t2 .content:hover  .next-btn{ display:block}
.left-pro .t2 .content .pre-btn{ left:0;background-position:-187px 0 }
.left-pro .t2 .content .next-btn{ right:0; background-position:-70px 0}
.left-pro .t2 img{text-indent:0;}
.left-pro img{ max-width:auto !important}
#showArea{overflow:hidden; height:449px;}
#showArea img{cursor:pointer;display:block;width:70px;height:70px;padding:1px;border:1px solid #ccc;float:left;margin:0 0 5px}
#showArea a.cur_imgs img{ border:1px solid #1f6195}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#fh5co-content_show .product-detail img{margin:0 0 4px}
#fh5co-content_show .product-detail img#gobottom{margin:5px 0 5px}

#outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:20000;width:100%;height:100%;display:none;}
#innerdiv{position:absolute;}
#bigimg{border:5px solid #fff;}

.video-icon{ background:#1f6195; color:#fff;font-size:12px; width:70px; height:30px;  border-radius:15px; line-height:1; margin-top:10px;}
.video-icon:hover,.video-icon:focus{background:#1f6195; }
.dialog-win{ max-width:500px;}
.MagicZoomPup{ background:none;border:none}

.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-150px; z-index:100; width:500px; height:300px; background:#000 }
.videos video{ width:100%; height:100%; overflow:hidden}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

@media screen and (max-width:1000px){
	.product-detail h1{ margin-top:30px;}
}

@media screen and (max-width:760px){
	.left-pro{ overflow:hidden}
	.left-pro .t2 .content .pre-btn,.left-pro .t2 .content .next-btn{ display:block;}
	.left-pro .t1 .imgbox{ display:none}
	.left-pro .t1{margin-bottom:20px; width:100%; height:30px;}
	.left-pro .t2 .content{margin-left:0px;  }
	.videos{ margin-left:-150px; margin-top:-150px; width:300px; height:300px;}
}