@charset "utf-8";
/* CSS Document */
.gallery { margin-bottom:10px; display:block; }

.sechonor li{ float:left; width:20.8%; padding:0.5%;margin-left:1.5%; margin-right:1.5%; margin-bottom:3vh; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; border:1px solid #e2e2e2;}
.sechonor li img{ width:100%; height:auto; overflow:hidden; }
.sechonor li:hover img{ opacity:0.8;}
.sechonor li p{ height:35px; line-height:35px; text-align:center; border-top:1px solid #eee; margin-top:10px; font-size:16px;}


.seccp li {width:23%; float:left; margin:0px 1% 2vh 1%;background:#fff; position:relative;}
.seccp li .proimg{width:100%; height:auto;overflow:hidden;box-shadow: 0px 0px 5px 3px #e7e7e7;}
.seccp li .proimg img { width:100%; height:auto;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.seccp li .proimg:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.seccp li p{ font-size:16px; line-height:50px;overflow:hidden; text-align:center; color:#333;}
.seccp li p:hover{ color:#d61007;}


.secryzz li{ float:left; width:20.8%; padding:0.5%;margin-left:1.5%; margin-right:1.5%; margin-bottom:3vh; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; border:1px solid #e2e2e2;}
.secryzz li img{ width:100%; height:auto; overflow:hidden; }
.secryzz li:hover img{ opacity:0.8;}
.secryzz li p{ height:35px; line-height:35px; text-align:center; border-top:1px solid #eee; margin-top:10px; font-size:16px;}


.secpro li { float:left; width:280px; padding:5px; margin-left:10px; margin-right:10px; margin-bottom:20px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.secpro li img{ width:280px; height:210px; overflow:hidden; }
.secpro li p{ height:35px; line-height:35px; text-align:center; font-size:14px;}

#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../img/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px; border:2px solid #ddd;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../img/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../img/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url('../img/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}