@charset 'utf-8';

.videopage{padding: 50px 0; background: #fafafa;}
.videopage .list{width: 32%; float: left; margin: 0 2% 30px 0;}
.videopage .list:nth-child(3n){margin-right: 0;}
.videopage .list:nth-child(3n+1){clear: both;}
.videopage .list .videobox video{width: 100%; vertical-align: top;}
.videopage .list .content{padding: 10px; background: #fff; border: solid #e6e6e6 1px;}
.videopage .list .content .title{font-size: 16px; font-weight: bold; line-height: 2em;}
.videopage .list .content .text{font-size: 14px; line-height: 2em;}

@media (max-width:960px) {
	.videopage{padding: 30px 15px}
	.videopage .list{width: 49%;}
	.videopage .list:nth-child(3n+1){clear: none;}
	.videopage .list:nth-child(2n+1){clear: both;}
	.videopage .list .title{font-size: 14px;}
	.videopage .list .text{font-size: 12px;}
}