.is-parent{position:relative}.commerce-style,.is-fluid{position:absolute;top:0;left:0;width:100%;height:100%}.commerce-style{display:block;background:-webkit-gradient(linear,left bottom,left top,from(#d5d5d5),to(#fff));background:linear-gradient(0deg,#d5d5d5,#fff)}.commerce-style .poster-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:83.12%;max-height:74.6%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-webkit-box-shadow:-42px 38px 62px 0 rgba(1,1,19,.28);box-shadow:-42px 38px 62px 0 rgba(1,1,19,.28)}.video-quality{display:inline-block;width:44px;height:20px;line-height:20px;border-radius:10px;text-align:center;font-size:12px;color:#fff;letter-spacing:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:#f2ba1a}.video-quality.c1{color:#faa825}.video-duration{display:inline-block;padding:0 4px;font-size:12px;color:#fff;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.works-name-wrap{width:auto}.works-name-wrap .video-quality{margin:10px 5px 0 0;float:left}.video-box .video-title{width:61.8%}.video-box .video-quality{position:absolute;top:15px;right:20px;z-index:2}.video-box:hover .video-quality{display:none}.hover-pop .video-quality{position:absolute;top:15px;left:50%;width:50px;height:28px;line-height:28px;border-radius:14px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hover-pop:hover .video-quality{display:none}@media screen and (max-width:1440px){.hover-pop .video-quality{top:10px;width:50px;height:24px;line-height:24px;border-radius:12px}}