/*--------------------------------------展示*/


.proList li{
	width: 409px;
	height: 160px;
	float: left;
	padding: 0px 30px 0px 0px;
	margin: 0px 30px 30px 0px; 
	cursor: pointer;
}
.proList li img{
	float: left;
	width: 147px;
	height: 145px;
	padding: 6px;
	border: 1px solid #d8d8d8;
	margin: 0px 20px 0px 0px;
}
.proList li h1{
	height: 16px;
	font-size: 16px;
	color: #01a300;
	margin: 5px 0px 30px 0px;
}
.proList li h2{
	height: 72px
	font-size: 16px;
	color: #999;
	line-height: 2;
	font-size: 14px;
	letter-spacing:0.2px;
	margin: 5px 0px 30px 0px;
}

/*--------------------------------------详情*/
#proname{
	float: left;
	width: 400px;
	height: 491px;
}
#proname>p{
  color: #333;
  line-height: 3;
  font-size: 16px;
  text-align: left;
}

#proname>p span{
  color: #18a6ef;
}
#proname>p b{
  color: #01a300;
  font-size: 16px;
}
#proInfo{
	clear: left;
}
#proInfo h1{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #d8d8d8;
	margin: 0px 0px 10px 0px;
}
#proInfo h1 span{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	vertical-align: middle;
	line-height: 35px;
	color: #333;
	border-bottom: 2px solid #01a300;
}
#proInfo p{
	  color: #333;
  line-height: 2;
  font-size: 14px;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/*-----------------------------------------缩略图*/
#preview{ float:left; margin:0px 50px 0px 0px; text-align:center; width:350px;}
.jqzoom{ width:350px; height:390px; position:relative;}
.jqzoom>img{
	width: 300px;
	height: 350px;
	padding: 20px;
	border: 1px solid #d8d8d8;
}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:15px; overflow:hidden;}
#spec-left{ background:url(../image/left.png) no-repeat; width:35px; height:51px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../image/right.png) no-repeat; width:35px; height:51px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:260px; float:left; overflow:hidden; margin-left:8px; 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*/
.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:260px; margin-right:8px;}
#spec-list div{ margin-top:0;  *margin-left:0;}