﻿#preview{ float:left; margin:0 auto; width:550px;}
.jqzoom{ position:relative;}

.zoomdiv{  left:865px;  width:550px !important; height:520px !important;}
.list-h li{ float:left;}
#spec-n5{width:550px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ float:left;width:500px; position:relative;margin-right:15px; margin-left:15px;overflow:hidden;  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;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
/*jqzoom*/
.jqzoom{border:1px solid #ddd; }
.jqzoom img{ width:548px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:600px;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:733px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;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;}



/******��Ʒģ��******/
.pro_par{ float:right; width:350px;}
.pro_par h4{ font-size:20px; color:#333;line-height:40px;}
.pro_par ul{float:left;  width:100%;}
.pro_par ul li{ float:left;width:100%;}
.pro_par ul li div{ padding:5px 0px 0 5px; min-height:28px; _height:28px; margin:5px 0px; font-size:14px;clear:both; border-bottom:1px solid #eee; position:relative; line-height:2;}
.pro_par ul li span{ float:left; min-width:70px;color:#999;}
.godsbtn{ float:left; margin-top:20px;}
.p_link{float:left; width:100%; text-align:center; margin-top:30px;}
.do-cart,.do-buy,.do-ali{float: left;width:80px;margin:0px 10px; padding:0 15px;color: #FFF;  display: block; height: 45px; line-height: 45px; font-size: 16px;}
.do-buy{background-color: #d80001;}
.do-ali{background-color: #ff7502;  }
.p_link a{ color:#fff;}




.p_erwei{ float:right; width:50%;}
.p_erwei p{ float:left; width:44%; margin:0 3%; text-align:center;}
.p_erwei p img{border:1px solid #ddd;}
.p_erwei p span{float:left; width:100%;text-align:center;}

h3.sl-ti {font-size: 100%;
height: 31px;
border-bottom: 1px solid #ccc;
margin-top:25px;
margin-bottom:15px;
zoom: 1;
}
h3.sl-ti a {
float: left;
display: inline;
cursor: pointer;
min-width: 60px;
_width: 60px;
white-space: nowrap;
text-align: center;
height: 30px;
line-height: 30px;
background:url(../images/sl-ti.jpg) repeat-x left top;
margin-right: 4px;
border: 1px solid #ccc;
padding: 0px 10px;
}
h3.sl-ti a.hover {
background: url(../images/rela-bg.jpg) repeat-x;
color: #fff;
text-shadow: -1px -1px #4d6e95;
border: 1px solid #5985ba;
}
.pro_con{ padding:0 30px 30px 30px;}
.pro_con img{ text-align:center;max-width:100%;}





/*****link_pro********/
.link_pro{ float:left;width:100%;}
.link_pro h4.related { width:100%;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #0e52b0;
margin: 15px 0px 10px 0px;
}
.link_pro h4.related span {
float: left;
background:#004098;
width: 70px;
padding: 0px 10px;
text-align: center;
color: #fff;
}
#rl-product{width:100%; overflow:hidden;}
#rl-product ul{ float:left; border:1px solid #ccc; padding:15px 0;}
#rl-product li{ float:left;width:169px; margin:5px 10px; overflow:hidden;text-align:center;}
#rl-product li img{ width:100%;height:150px;}
#rl-product li h6 {
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
#rl-product li h6 a{ color:#000;}


/*******�л�����******/

.jrjc{width:100%;}
.TabTitle{ 
	clear:both;
	height:44px;
	width:100%;
	border-bottom:1px solid #0e52b0; margin:20px 0 0 0; float:left;
}
.TabTitle span{ float:left;width:120px; color:#fff; font-size:18px;line-height:44px; text-align:center;  font-weight:bold; background:#004098;}
.TabContent{ height:auto; clear:both;padding:20px;}
.TabContent img{width:100%;}


@media screen and (max-width: 1199px){
	#preview{width:450px;}
	.jqzoom{ width:450px;}	
	.zoomdiv{  left:865px;  width:450px !important; height:420px !important;}
	#spec-n5{width:450px;}
	#spec-list{width:400px;}
	/*jqzoom*/
	.jqzoom{width:450px;}
	.jqzoom img{ width:448px;}
	.zoomdiv{width:450px;height:400px;}

	}