@charset 'utf-8';





.videopage{padding: 50px 0;}


.videopage .list{width: 32%; float: left; margin: 0 2% 30px 0;}


.videopage .list:nth-child(3n){margin-right: 0;}


.videopage .list .videobox{border: solid #e5e5e5 1px;}


.videopage .list .videobox video{width: 100%; height: auto; vertical-align: middle;}


.videopage .list .content{padding: 10px; background: #f7f7f7;}


.videopage .list .content .title{height: 52px; font-size: 16px; line-height: 26px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}


.videopage .list .content .text{height: 66px; font-size: 14px; line-height: 22px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: inline;nav-down: ;}





@media (max-width: 960px) {


	.videopage{padding: 30px 15;}


    .videopage .list{width: 100%; float: left; margin: 0 0 30px 0;}


    .videopage .list .content .title{font-size: 14px;}


}