.video_detail{padding:20px 0;box-sizing:border-box;background:#fff}@media all and (max-width: 600){.video_detail{padding:0px}}.video-grid{margin:20px -5px}.video-grid .item{float:left;width:25%}.video-grid .item .item_inner{position:relative;text-align:left;padding:10px;box-sizing:border-box}.video-grid .item .item_inner .name{display:block;background:white;line-height:30px;color:#131518;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;box-sizing:border-box;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-height:1.4em;overflow:hidden}.video-grid .item:hover .item_inner .name{color:var(--other-color)}.video-grid .item .item_inner div{overflow:hidden}.video-grid .item .item_inner img{width:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.video-grid .item .item_inner:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.video-grid .item-img{display:grid;position:relative}.video-grid .item-img::after{background:rgba(41,33,36,0.2) url(../images/video.png) no-repeat scroll center center;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.video-grid .item:hover .item-img::after{background:rgba(41,33,36,0.2) url(../images/video_hover.png) no-repeat scroll center center}@media screen and (max-width: 850px){.video-grid .item{width:33.33333%}}@media screen and (max-width: 840px) and (min-width: 570px){.video-grid .types{display:none}}@media screen and (max-width: 570px){.video-grid .item{width:50%}}
/*# sourceMappingURL=videos.css.map */