@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1201px) { 
.ul{ display:block; width:100%; text-align:center; margin-top:30px;}
.ul li:nth-child(1){ font-size:48px; font-weight:bold;color:#333;}
.ul li:nth-child(2){ font-size:48px; color:#333;}
.ul li:nth-child(3){ font-size:14px; color:#333; width:850px; line-height:28px; margin:0 auto; margin-top:20px;}

#imgModule{display:none;}
#imgDefault{cursor:pointer; margin-top:150px;}
#imgDefault li{ float:left;width:370px; margin-right:30px; position:relative;}
	#imgDefault li img{ float: left; width: 370px; height: 210px;}
#imgDefault li span{ float:left; width:100%; text-align:center; font-size:14px; color:#333; line-height:100px;height: 100px;overflow: hidden;}
#imgDefault li:nth-child(3n){ margin-right:0;}




#imgDefault li:hover .div{ position:absolute; display:block; width:100%;height:310px; background:url(/template/pc/skin/img/fd.png) center no-repeat,rgba(0,0,0,0.5);}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;left:0;top:0;width:100%;height:100%; z-index:9;}
.lightBoxContent{width:970px;position:fixed;left:50%;top:50%;background:#fff;margin:-265px 0 0 -485px; z-index:10;}
#imgLoader{width:32px;height:32px;position:fixed;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
#imgLight{-webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:fixed;top:50%;margin-top:-25px;cursor:pointer; z-index:10;}
.lightBoxSprite{background-image:url(/template/pc/skin/img/imgIcons.png);background-repeat:no-repeat;}
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:fixed;top:15px;right:15px;cursor:pointer; z-index:10;}
.lightBoxPagination{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}

	
.filter-cen{ float: left; width:100%; text-align: center; margin-top: 40px; font-size: 16px;}
.filter-cen a{ padding: 10px;}
.filter-cen .active,.filter-cen a:hover{ background: #008636; color: #fff;}

}
@media screen and (max-width: 500px) { 
.ul{ display:block; width:100%; text-align:center; margin-top:30px;}
.ul li:nth-child(1){ font-size:48px; font-weight:bold;color:#333;}
.ul li:nth-child(2){ font-size:48px; color:#333;}
.ul li:nth-child(3){ font-size:14px; color:#333; width:850px; line-height:28px; margin:0 auto; margin-top:20px;}

#imgModule{display:none;}
#imgDefault{cursor:pointer; margin-top:150px;}
#imgDefault li{ float:left;width:370px; margin-left:30px; position:relative;}
#imgDefault li span{ float:left; width:100%; text-align:center; font-size:14px; color:#333; line-height:100px;}
#imgDefault li:nth-child(1),#imgDefault li:nth-child(5){ margin-left:0;}




.imgItem{width:370px;height:370px;}
#imgDefault li:hover .div{ position:absolute; display:block; width:100%;height:370px; background:rgba(0,0,0,0.5);}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;left:0;top:0;width:100%;height:100%; z-index:9;}
.lightBoxContent{width:800px;height:530px;position:fixed;left:50%;top:50%;background:#fff;margin:-265px 0 0 -400px; z-index:10;}
#imgLoader{width:32px;height:32px;position:fixed;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;}
#imgLight{width:800px;height:530px;-webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:fixed;top:50%;margin-top:-25px;cursor:pointer; z-index:10;}
.lightBoxSprite{background-image:url(/template/pc/skin/img/imgIcons.png);background-repeat:no-repeat;}
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:fixed;top:15px;right:15px;cursor:pointer; z-index:10;}
.lightBoxPagination{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}

}