/* CSS Document */
.box{}
.left-pro{width:100%; padding:0px;text-align:left; position:relative;z-index:1;  margin:0}
.left-pro .t1{width:81px;text-align:left;margin-right:-81px ; 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:86px; 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:76px;height:76px;padding:1px;border:1px solid #ccc;float:left;margin:0 0 5px}
#showArea a.cur_img 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;}

.dialog-win{ max-width:500px;}
.MagicZoomPup{ background:none;border:none}


@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;}
}




/*zoomed area */
.MagicZoomBigImageCont{border:1px solid #e4e4e4;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

@media screen and (max-width:760px){
	.left-pro{ overflow:hidden}
	.MagicZoomPup{ background:none;border:none}
}