/* 内容 S */
ul.items {
	display:flex;
	display:-webkit-flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:1200px;
}
ul.items li {
	width:285px;
	margin-bottom:36px;
	padding-bottom:16px;
	background-color:#fff;
	transition:.5s;
}
ul.items li .img {
	position:relative;
	width:100%;height:210px;
}
ul.items li .img .shadow {
	position:absolute;
	top:0;left:0;
	display:inline-block;
	width:100%;height:100%;
	line-height:286px;
	background-color:#000;
	transition:.5s;
	opacity:0;
	z-index:1;
}
ul.items li:hover .img .shadow {opacity:.5;}
ul.items li .img .shadow::after {
	content:"";
	display:inline-block;
	width:90px;height:90px;
	background-image:url("/templets/images/play.png");
	background-size:90px 90px;
	background-repeat:no-repeat;
	opacity:0;
	transition:.5s;z-index:2;
}
ul.items li:hover .img .shadow::after {opacity:1;}
ul.items li .img img {
	width:100%;height:210px;
	margin-bottom:12px;
}
ul.items li:hover img {}
ul.items li a {color:#555;}
ul.items li p {
	width:252px;
	margin-top:16px;
	margin-left:14px;
}

.content.container {text-align:center;}
ul.pager {
	display:inline-block;
	margin-bottom:30px;
}
ul.pager li {
	display:inline-block;
	margin-right:8px;
	padding:4px 8px;
	border:1px solid #ddd;
	background-color:#fff;
	transition:.5s;
}
ul.pager li:hover, ul.pager li.thisclass {
	color:#fff;
	background-color:#2067ef;
	border:1px solid #2067ef;
}
ul.pager li a {color:#999;}
ul.pager li:hover a, ul.pager li.thisclass a {color:#fff;}
/* 内容 E */