.video-list{margin:0px auto}.video-list .video{width:20%;float:left;overflow:hidden;padding:0px 5px;position:relative}.video-list .video a{display:block}.video-list .video .video-play-icon{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;z-index:2;background-size:70px;background-position:center center;display:none}.video-list .video:hover .video-play-icon{display:block}.video-list .video .ratio-box{display:inline-block;width:100%}.video-list .video .video-description{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center;font-weight:bold}@media screen and (max-width:1100px){.video-list .video{width:25%}}@media screen and (max-width:880px){.video-list .video{width:33.333%}}@media screen and (max-width:660px){.video-list .video{width:50%}}@media screen and (max-width:445px){.video-list .video{width:100%}}