﻿/* body{margin:0;padding:0;font-size:12px;color:#777;background-color:transparent;background-color:transparent;}
.zhuyao{
	padding:10px;
	background:#f1f3f6;
	border:1px #d7d7d7 solid;
}
.pic-l{
	width:300px;
	height:500px;
	float:left;
} */
/******************pic 多图展示************************/
/* #preview{ float:none; width:302px; height:332px;}
.jqzoom{ width:300px; position:relative; padding:10px 0px; border:1px #ccc solid; text-align:center; background:#FFF;}

.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h{margin:5px;}
.list-h li{ float:left;}
#spec-n5{width:300px; height:70px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:10px;}
#spec-list{ width:390px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:270px; margin-right:6px; overflow:hidden;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;} */
/****************************产品图展示结束***********************************/

    ul,li{list-style: none;margin:0;padding:0;}
    .bg{width:920px;height: 540px;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;box-sizing: border-box;background: #fff;}
    .bg_left{width: 430px;height:auto;float: left}
.bg_right {
    float: left;
    position: absolute;
    right: -26px;
    z-index: 999999;
}
    .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{width: 430px;height: 430px;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
    .bigshow img{width: 860px;height: 860px;margin-right: 10px;}
    .smallshow{width: 100%;height: 70px;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(/templates/jscript/products_view/images/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(/templates/jscript/products_view/images/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(/templates/jscript/products_view/images/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(/templates/jscript/products_view/images/next.png) no-repeat;cursor: not-allowed}
