.video-item[data-v-5df3ff56]{background:#fff;border:1px solid #e7e7e7;border-radius:8px;cursor:pointer;height:226px;overflow:hidden;transition:all .3s ease;width:316px}.video-item__thumbnail[data-v-5df3ff56]{height:178px;overflow:hidden;position:relative;width:100%}.video-item__thumbnail-image[data-v-5df3ff56]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-item__thumbnail[data-v-5df3ff56]:after{background:#00000026;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-item__play-icon[data-v-5df3ff56]{height:64px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:64px;z-index:1}.video-item__title[data-v-5df3ff56]{box-sizing:border-box;color:#262631;font-size:14px;line-height:22px;margin-top:12px;overflow:hidden;padding:0 16px;text-align:center;width:100%}.video-item[data-v-5df3ff56]:hover{box-shadow:0 24px 48px #4e59691f}.video-item:hover .video-item__title[data-v-5df3ff56]{color:#1db3c9;font-weight:700}.video-item:hover .video-item__play-icon[data-v-5df3ff56]{height:80px;width:80px}.video-item:hover .video-item__thumbnail[data-v-5df3ff56]:after{opacity:1}