﻿/*-----内页_右_图集内容页—-----*/
#main_products{ width:100%; float:left;}
#produ_shang{width:100%; height:auto; margin:0 auto; float:right; margin-bottom: 30px;}
#shang_zuo{ width:33%;  height:auto; float:left; margin-bottom:30px; }
#shang_you{ width:64%;  height:auto; float:right; }
/*@media screen and (max-width:600px){
#shang_zuo{ width:100%;}
#shang_you{ width:100%; }	
}*/
/*-----图集内容页_左—-----*/
#preview{ float:none;  text-align:center; width:100%;}
/*@media screen and (max-width:600px){
#preview{ width:100%;}
}*/	
/*jqzoom*/
.jqzoom{position:relative;padding:0;/* border:2px solid #666;*/}
.jqzoom img{ width:100%;}
/****显示图****/
.zoomdiv{ z-index:100;position:absolute;top:1px;left:0px;background: #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #c4c4c4;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;overflow:hidden;cursor:crosshair;}
.jqZoomPup img {border:0;}
/*@media screen and (max-width:600px){
.zoomdiv{ display:none !important;}
.jqZoomPup{ display:none;}
}*/
/*小图列表*/
#spec-n5{width:100%; padding-top:10px; overflow:hidden;}
#spec-list {width:100%; position:relative;overflow:hidden;}
#spec-list a span {	display:none;}
#spec-list a:hover {text-decoration:none;}
#spec-list ul {	margin:0; float:left; width:90%; margin:0 5%; overflow:hidden;list-style:none;}
#spec-list li {	float:left; width:25%; padding:0 1%;}
#spec-list li img{ width:100%; border:1px solid #ccc; padding:2px}
#spec-list li a {display:block;}
#spec-list ul li a:hover {}
#spec-list .prevView, #spec-list .prevStop{ left:0;}
#spec-list .nextView, #spec-list .nextStop{ right:0;}
#spec-list .prevView, #spec-list .nextView, #spec-list .prevStop, #spec-list .nextStop { position:absolute;float:left; width:7px;height:12px;background: no-repeat -132px -17px;}
#spec-list .prevView {background-position:-139px -17px;}
#spec-list .prevStop, #spec-list .prevView.prevStop:hover {	background-position:-132px -17px;cursor:default;}
#spec-list .nextView.nextStop:hover {cursor:default;}
#spec-list .nextView, #spec-list .nextStop {float:right;background-position:-160px -17px;}
#spec-list .prevView:hover {background-position:-146px -17px;}
#spec-list .nextView:hover {background-position:-167px -17px;}
#spec-list .nextStop, #spec-list .nextStop:hover {background-position:-153px -17px;}
/*-----图集内容页_右—-----*/
#pro_do{font-family:'微软雅黑', Tahoma, Arial;font-size:1em; }
#pro_do p{color:#333; font-size:1.2em; text-indent: 0em;}
#pro_do h1 strong{line-height: 34px;}
#pro_do .pro_typename{border-bottom:1px dotted #CCC; padding:8px; color:#777; margin-top:20px;}
#pro_do .pro_typename img{vertical-align:middle; margin-right:4px;}
#pro_do .pro_back{text-align:right}
#pro_do .pro_back img{cursor:pointer}
#pro_do .pro_print{position:relative; margin-top:30px; padding-left:8px; font-family: Arial, Helvetica, sans-serif;}
#pro_do .pro_print img{vertical-align:middle; margin-right:4px;}
#pro_do .pro_collection{margin-top:15px; padding-left:8px; font-family: Arial, Helvetica, sans-serif;}
#pro_do .pro_collection img{vertical-align:middle; margin-right:4px;}
#pro_do .pro_email{margin-top:15px; padding-left:8px; font-family: Arial, Helvetica, sans-serif;}
#pro_do .pro_email img{vertical-align:middle; margin-right:4px;}
#pro_do .pro_xujia{ width:100%; text-align:center; background-color:#d9d7d7; margin-top:60px;}
#pro_do .pro_xujia span{height:30px; line-height:30px; font-weight:bold;}
#pro_do .pro_xujia img{ margin-top:4px;}
#pro_do .pro_xujia:hover{background-color:#d9261c;} 
#pro_do .pro_xujia .pro_xujiaurl{width:300px; height:80px; background-color:#B70A0C; line-height:80px; margin:20px auto 0; font-size:20px; color:#FFF; text-align:center; display:block; background:left center no-repeat;} 
#pro_do .pro_basket{margin-top:10px; padding-left:8px; font-family: Arial, Helvetica, sans-serif; position:relative;}
#pro_do .pro_basket img{vertical-align:middle; margin-right:4px;}
#pro_do .pro_basket a{ width:50%; float:left; height:21px; line-height:21px;}
#in_tip{ position: absolute; width: 100%; height: 30px; background-color: rgb(255, 255, 204); top: 0px; left: 0px; border: 1px dotted rgb(255, 204, 0); margin-top: -5px; line-height: 28px; color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;}
#in_tip img{vertical-align:middle; margin-right:4px; margin-left:8px;}
/*******产品内容的选项卡切换******/
#tabbox{ width:100%; overflow:hidden; margin:0 auto; margin-bottom:30px; float:left;}
.tabs{height: 40px; width: 100%;}
.tabs li{ width:33.333%;/* max-width:100px;*/ color:#fff; height:40px;line-height:40px;float:left; border-right:1px solid #ccc; /*border:1px solid #ccc; border-left:none;*/ /*margin-bottom: -1px;*/ background: #aaa; overflow: hidden;position: relative; padding: 0 20px; font-weight:bold; cursor:pointer; text-align:center;}
.tabs li.last-child{ border-right:none;}
.tabs li a{ color:#fff;} 
.tabs .thistab,.tabs .thistab a:hover{background: #333; /*border-bottom: 1px solid #fff;*/ color:#fff;}
.tab_conbox{border: 1px solid #ccc; float:left; width:100%;}
.tab_con{ display:none; padding:12px;}
.tab_con img{max-width:1180px;}
/*@media screen and (max-width:500px){
.tabs li{width:100%; max-width:500px; border-right: none; border-bottom:1px solid #ccc;}
}*/
/*上一篇 下一篇*/
.piecelist{float:left; width:100%; margin-bottom:20px;}
.piecelist dl.list {width:100%;position:relative;left:0;border-bottom:2px solid #888;font-size:0.95em;}
.piecelist dl.list dd {padding:15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background: repeat-x 0 top;}
.piecelist dl.list dd span {display:inline-block;width:50px;height:16px;}
.piecelist dl.list dd .next {background:no-repeat center bottom;*background-position:center center;}
.piecelist dl.list dd .prev {background:no-repeat center bottom;*background-position:center center;




