@charset "utf-8";
/* CSS Document */
/*作品展示*/
.zuopin-box{width:1200px;margin:0 auto;padding:0 20px;margin-top:60px;}
.zuopin-lie{float:left;width:32%;margin-top:10px;height:300px;overflow:hidden;}
.zuopin-lie:nth-of-type(3n-1){margin-left:2%;margin-right:2%;}
.zuopin-lie a{display:block;width:100%;position:relative;}
.zuopin-tu{width:100%;}
.zuopin-fenlei{position:absolute;background-color:rgba(25,25,25,0.7);top:0;laft:0;width:100%;height:100%;display:none;}
.zuopin-fenlei-zhongwen{font-size:25px;text-align:center;margin-top:30%;color:#ff8823;}
.zuopin-fenlei-yingwen{font-size:25px;text-align:center;color:#ff8823;}
.zuopin-lie a:hover .zuopin-fenlei{display:block;}
 /*页码*/                              
.yema{float:right;margin-top:40px;}
.yema a{display:inline-block;margin:0 2px 6px;border:1px solid #999;padding:6px;font-size:12px;color:#666;}
.yema a:hover{background-color:#ff8823;border:1px solid #ff8823;color:white;}
.yema .yema-current{background-color:#ff8823;border:1px solid #ff8823;color:white;}                              
                                  
/*响应式*/
@media(max-width:1260px){
	.zuopin-box{width:100%;max-width:960px;margin:40px auto 0;}
	.zuopin-lie{height:260px;}
	.zuopin-fenlei-zhongwen{font-size:22px;margin-top:30%;}
	.zuopin-fenlei-yingwen{font-size:18px;}
}
@media(max-width:800px){
	.zuopin-lie{height:220px;}
  	.yema{float:none;text-align:center;}
}
@media(max-width:680px){
	.zuopin-lie{width:48%;height:260px;margin-left:1%;margin-right:1%;}
    .zuopin-lie:nth-of-type(3n-1){margin-left:1%;margin-right:1%;}
	.zuopin-fenlei-zhongwen{font-size:20px;margin-top:30%;}
	.zuopin-fenlei-yingwen{font-size:16px;}
}
@media(max-width:580px){
	.zuopin-lie{height:220px;}
}
@media(max-width:480px){
	.zuopin-lie{height:180px;}
  	.zuopin-fenlei-zhongwen{font-size:15px;margin-top:30%;}
	.zuopin-fenlei-yingwen{font-size:14px;}
}
@media(max-width:420px){
	.zuopin-lie{height:150px;}
}