.video-list {
	padding:25px 0;
	
	display: grid;
	flex-wrap:wrap;
	grid-template-columns: repeat(auto-fill, 250px);
	justify-content: space-between;
	grid-gap: 20px;
}
.video-list::after {
  content: "";
  flex: auto;
}
.video-list .box {
	width: 250px;
	cursor:pointer;
}
.video-list .box .pic {
	width: 250px;
	height: 140px;
	overflow: hidden;
}
.video-list .box .pic:hover img {
	opacity:0.5;
	transition: 0.3s;	
}
.video-list .box img {
	width: 100%;
}
.video-list .box .subject {
	color:#666;
	font-size: 16px;
	padding: 10px 5px;
	text-align: center;
	width:100%;
}
.video-list .box .subject a {
	color:inherit;
	text-decoration:none;	
}
@media screen and (max-width: 667px) {
	.video-list {
		justify-content: space-around;	
	}
}