.preview { width: 400px; height: 465px; }
/* smallImg */
.smallImg { position: relative; height: 52px; margin-top: 1px; background-color: #F1F0F0; padding: 6px 5px; width: 390px; overflow: hidden; float: left; }
.scrollbutton { width: 14px; height: 50px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(images/d_08.png) no-repeat; }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { background: url(images/d_09.png) no-repeat; margin-left: 375px; margin-top: -50px; }
#imageMenu { height: 50px; width: 360px; overflow: hidden; margin-left: 0; float: left; }
#imageMenu li { height: 50px; width: 60px; overflow: hidden; float: left; text-align: center; }
#imageMenu li img { width: 50px; height: 50px; cursor: pointer; }
#imageMenu li#onlickImg img, #imageMenu li:hover img { width: 44px; height: 44px; border: 3px solid #959595; }
/* bigImg */
.bigImg { position: relative; float: left; width: 400px; height: 400px; overflow: hidden; }
.bigImg #midimg { width: 400px; height: 400px; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; }
/* bigView */
#bigView { position: absolute; border: 1px solid #959595; overflow: hidden; z-index: 999; }
#bigView img { position: absolute; }
.business { width: 500px }
.business_inf { width: 500px; text-align: left; padding-top: 30px; }
.business_inf h1 { font-size: 18px; font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; }
.pro_Vdname { height: 40px; background-color: #e9e9e9; border-left: 1px solid #dcdcdc; }
.pro_Vdname h3 { float: left; background-color: #FFF; color: #333; font-size: 16px; width: auto; height: 36px; line-height: 36px; padding: 0 22px; border-top: 3px solid #0f83bd; border-bottom: 1px solid #FFF; }
.pro_Vdshow { padding-top: 16px; }


/*productList*/
.productList .con{width:1100px;overflow:hidden;margin-bottom:30px;}
.productList .con ul{float:left;width:1300px;}
.productList .con ul li{float:left;margin-right:21px; margin-bottom:20px;}
.productList .con ul li a{float:left;width:257px;height:250px;border:1px solid #eaeaea;}
.productList .con ul li a strong{float:left;padding:3px 6px;width:245px;color:#00b142;}
.productList .con ul li a span{float:left;width:245px;padding:0 6px;color:#575757; font-size:15px;}
.productList .con ul li img{float:left;width:249px;height:163px;padding:3px;}
.productList .con ul li a:hover{background:#41ac27;color:#fff;border:1px solid #41ac27;}
.productList .con ul li a:hover strong{color:#fff;}
.productList .con ul li a:hover span{color:#fff;}



/*productList*/
.Productlist{margin:0px auto; width:1100px;}
.productbox{padding-top:20px; overflow:hidden; background:#fff; margin-top:25px;}
.productbox_div{ padding-bottom:15px; overflow:hidden; padding-left:10px; padding-right:10px; margin-left:10px; background-color:#f7f7f7;}
.other2div{ margin-top:5px; color:#FECD00;}
.productbox li{ float:left; width:346px; padding:0px 10px; border-right:1px solid #ececec; margin-bottom:30px;}
.productbox li.alt{border-right:none;}
.productbox li .bg{display:block; padding:10px; text-align:center; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s; transition:all .3s; }
.proimgdiv{ background:#fff; text-align:center; overflow:hidden;}
.proimgdiv img{display:block; width:100%; margin:0px auto 0;  -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s; transition:all .3s;  }
.productbox li h3{ height:36px; line-height:36px; font-size:18px; color: #07084E;  margin:10px 0 0; padding:0; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all .3s; transition:all .3s; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.productbox li .text{line-height:22px; height:88px;text-align:justify;text-overflow:ellipsis;overflow:hidden;}
.productbox li:hover .bg{background:#07084E; border-radius:8px;}
.productbox li:hover .proimgdiv img{ transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.productbox li:hover h3,.productbox li:hover .text{color:#fff;}
/*productList*/



/* 详情 */
.proconbox{padding-bottom:30px;}
.productcontent{background:#fff;padding:30px 25px; margin-top:25px;}
.productdatatext{margin-top:25px;}
.ProductDetailstop{}

.ProductDetailstopleft{ float:left; width:400px;position:relative; z-index: 95; text-align:center}
.ProductDetailstopleftimg{width:100%;}
.ProductDetailstopleftimg img{ display: block; width:100%; height:400px; margin:auto;}
div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.ProductDetailstopright{ float:right; width:620px; position:relative;}
.ProductDetailstopright dl{ margin:0px; }
.ProductDetailstopright dl dt{font-size:24px;line-height:35px; border-bottom:3px solid #07084E; margin-bottom:10px; color:#000;}
.ProductDetailstopright dl dd.dd{ margin-bottom:10px;}
.ProductDetailstopright dl dd{ font-size:16px; color:#666; margin-bottom:5px; line-height:26px;}
.ProductDetailstopright dl dd span{display:inline-block; padding:3px 6px; width:120px; border-radius:5px;background:#07084E; color:#fff; margin-right:10px;}
.ProductDetailstopright .ts{color:#ff0000; margin-top:20px;}

.pro_banner{ position:relative; width:100%; margin:0 auto;}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:330px; margin:30px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:100px;height:100px; position:relative; display:inline; margin-right:15px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display: block;  display:block; width:100%; height:100%;}
.ProductDetailsSmallimg ul li span{ display:block; width:98px; height:98px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}
.ProductDetailsSmallimg ul li.cur span{width:96px; height:96px; border:2px solid #07084E;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-16px; width:15px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(/public/webimages/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(/public/webimages/Product3.gif) no-repeat right center;}
.prodetail-tab{ height: 43px;  border-bottom: 1px solid #07084E ; margin: 0 auto;}
.prodetail-tab a{ display: inline-block; *display: inline; *zoom: 1; width: 150px; height:43px; line-height:43px; font-size: 18px; color: #fff; text-align: center; }
.prodetail-tab a p{ font-size:14px; line-height:16px; margin-top:3px;}
.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #07084E; color: #fff;}
.prodetail-cont{ padding:15px 0px 0; }
.prodetail-box{}
.prodetail-box .fl{ width: 880px;}
.prodetail-box .fr{ width: 260px;}
.prodetail-box .fr img{ display: block;  width: 260px; height: 195px; padding-bottom: 15px;}

.procptd{width:1090px;padding-left:1px;}
.procptd p{display:inline-block;width:334px; line-height:36px;text-align:center;font-size:15px; background:#888; color:#fff;border-radius:2px; margin:0 24px 10px 0;}
.procptd p strong{font-weight:normal;}
.procptd p:hover{background:#6f6f6f;}
/*--详细--*/


.commonDetailedContentsfoot{padding-bottom:45px;}
.commonDetailedContentsfoot p{ text-align:center; padding-bottom:30px;}
.commonDetailedContentsfoot p a{ display:inline-block; background:#07084E; padding:5px 30px; border-radius:5px; color:#FFF; font-size:14px;}
.commonDetailedContentsfoot p a:hover{background:#04925F}
.commonDetailedContentsfoot dl{ border:1px solid #cccccc; border-left:none; border-right:none; font-size:13px; padding:13px 0px;}
.commonDetailedContentsfoot dl  a{color:#1a1a1a;}
.commonDetailedContentsfoot dl  a:hover{color:#07084E}
.commonDetailedContentsfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:15px;}
.commonDetailedContentsfoot dl dd{ float:left;}
.commonDetailedContentsfoot dl dt{ float:right;}



.relevant{position:relative; border:1px solid #ccc; border-top:3px solid #666;padding:15px 15px; margin: 0 auto;}
.relevant h3{display:inline-block; padding:7px 20px;  background:#07084E; color:#fff; letter-spacing:1.2px; font-size:18px;}
.relevant ul{ padding:10px; border-top:1px solid #ccc; overflow:hidden;}
.relevant li{ float: left; width: 20%;}
.relevant li img{ display: block;  width: 100%; height:200px;}
.relevant li a{display:block; margin:8px; padding:3px; background:#efefef; transiton:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; border-radius:3px;}
.relevant li p{ display: block; padding-top: 11px; height: 24px; line-height: 24px; font-size: 14px; color: #1a1a1a; text-align: center; overflow: hidden; }
.relevant li a:hover{background:#07084E;}
.relevant li a:hover p{ color: #fff;}