﻿/*产品列表页*/
	.product1,.product2,.product3,.product4,.product5,.product6,.product7,.product7 li,.product8,.product8 li {
	width:100%;
	height:auto;
	overflow:hidden;
}
.product1 li,.product2 li,.product3 li,.product4 li,.product5 li,.product6 li {
	width:33%;
	float:left;
	overflow:hidden;
	position:relative
}
.product1 li>a,.product2 li>a,.product6 li>a {
	display:block;
	width:88%;
	margin:3px auto;
	height:auto;
	overflow:hidden;
	position:relative;
}
.product1 li>a>img,.product2 li>a>img,.product3 li img,.product4 li div a img,.product5 li div a img,.product6 li a img {
	display:block;
	width:300px;
	height:240px;
}
.product1 li>p,.product2 li>p,.product3 li>p,.product4 li>p,.product5 li>p,.product6 li>p {
	width:88%;
	margin:0 auto;
	text-align:center;
	font:16px/35px "microsoft yahei";
}
.product2 li>a>span {
	display:block;
	position:absolute;
	width:90%;
	padding:5%;
	left:0;
	top:0;
	font:14px/30px "microsoft yahei";
	color:#fff;
	background:url(blackbg.png) 0 0 repeat;
	height:90%;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	filter:alpha(opacity=0);
	opacity: 0;
}
.product2 li>a:hover span {
	display:block;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	filter:alpha(opacity=100);
	opacity: 1;
}
.product3 li>div {
	width:88%;
	margin:3px auto;
	height:auto;
	position:relative;
}
.product3 li>div>p,.prod-zoom {
	position:absolute;
	background:url(product_zoom.png) 0 0 no-repeat;
	width:53px;
	height:53px;
	left:50%;
	top:50%;
	margin:-26px 0 0 -26px;
	cursor: pointer;
	z-index:1;
	top:-100%;
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
}
.product3 li>div:hover p,.prod7-left:hover p,.prod8-left:hover p {
	top:50%;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.product4 li div {
	width:88%;
	padding:4px;
	margin:3px auto;
	border:2px solid transparent;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.product4 li div a,.product5 li div a {
	display:block;
	width:100%;
	overflow:hidden;
}
.product5 li div {
	width:88%;
	padding:6px;
	margin:6px auto;
	position:relative;
    height:240px;
}
.product5 li div p,.product5 li div:hover p,.product6 li,.product6 li:hover {
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.pro5-border1 {
	position: absolute;
	left:0;
	top:0;
	width:0;
	border-top:2px solid transparent;
}
.pro5-border2 {
	position: absolute;
	left:0;
	top:0;
	height:0;
	border-left:2px solid transparent;
}
.pro5-border3 {
	position: absolute;
	right:0;
	top:0;
	height:0;
	border-right:2px solid transparent;
}
.pro5-border4 {
	position: absolute;
	left:0;
	bottom:0;
	width:0;
	border-bottom:2px solid transparent;
}
.product5 li div:hover p.pro5-border1,.product5 li div:hover p.pro5-border4 {
	width:100%;
}
.product5 li div:hover p.pro5-border2,.product5 li div:hover p.pro5-border3 {
	height:100%;
}
.product6 {
	padding-top:12px;
}
.product6 li {
	position:relative;
	top:0
}
.product6 li:hover {
	top:-12px;
}
.product7 li,.product8 li {
	padding-bottom:16px;
}
.prod7-left {
	float:left;
	width:31.25%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.prod7-left a,.prod8-left a {
	display:block;
	height:auto;
	overflow:hidden;
}
.prod7-left a img,.prod8-left a img {
	display:block;
}
.product7 li>p {
	float:left;
	width:63.4375%;
	margin-left:3.4375%;
	font:16px/36px "microsoft yahei";
	color:#9a9a9a;
	height:36px;
	overflow:hidden;
}
.product7 li>p>a,.product8 li>p a {
	float:left
}
.product7 li>p>span,.product8 li>p span {
	float:right;
}
.prod7-right {
	float:left;
	width:63.4375%;
	margin-left:3.4375%;
	height:120px;
	overflow:hidden;
	font:14px/30px "microsoft yahei";
	color:#7c7c7c;
}
.product8 li>p {
	width:100%;
	height:36px;
	overflow:hidden;
	font:16px/36px "microsoft yahei";
	color:#9a9a9a;
}
.prod8-left {
	float:left;
	width:200px;
	height:auto;
	overflow:hidden;
	position:relative;
	margin-right:1.875%;
}
.prod8-right {
	float:left;
	width:70.125%;
	height:120px;
	overflow:hidden;
	font:14px/30px "microsoft yahei";
	color:#7c7c7c;
}
/*产品列表页鼠标特效*/
.pg-color {
	color:#666;
}
.pg-border-color,.product5 li div:hover {
	border-color:#029a4d;
}
.pg-color:hover {
	color:#029a4d;
}