.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1400px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:31%; margin:1%; float:left;border:1px solid #e3e3e3;
	text-align:center;
}
.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:31%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list2 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list2 li { margin:0 auto; padding:0; width:22%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}

.portfolio-img {
	margin-bottom:10px;
	overflow:hidden;
}
.portfolio-img a {
	position:relative;
}
.portfolio-img a, .portfolio-img img {
	width:100%;
	display:block;
	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-wenzi { margin:0 auto; padding:5px 0; width:100%; height:40px;background:#f3f3f3; color:#666; line-height:38px; font-size:14px;
}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#f2f2f2;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;font-size:12px;
	width:96%; padding-left:2%; padding-right:2%;
	height:100%;
	color:#fff;
	margin-top:80px;
}
.product-item .portfolio-text h2 {
	margin:20px 20px 20px;
	line-height:normal;
	font-size:14px; color:#fff; font-weight:bold;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(images/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#2e4a7d;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-title h{font-family:"微软雅黑"; font-size:16px; font-weight:800;line-height:3px; color:#fff;}
.portfolio-title p{font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#fff;margin-top:50px;}