.home-component-popular-belt{padding-left:10px;padding-right:10px;width:100%}
.home-component-popular-belt .home-component-popular-belt-title-sub{font-size:20px;line-height:28px;font-weight:600;padding-top:24px}
.home-component-popular-belt .home-component-popular-belt-title{font-size:36px;line-height:52px;font-weight:600;margin-top:-10px}
.home-component-popular-belt .home-component-popular-belt-title-divider{margin-top:0;border-top:3px solid #cf1818;width:40px}
.home-component-popular-belt .home-component-popular-belt-content ul{display:inline-flex;padding-left:0}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item{position:relative;width:300px;height:300px;margin:0 12px}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item:first-of-type{margin-left:0}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item:last-of-type{margin-right:0}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-item-title{font-size:18px;line-height:22px;font-weight:500;margin-top:10px;padding-right:24px}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image{position:relative}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-play-button{min-width:2rem;width:2rem;height:2rem;font-size:.85rem;margin:0;position:absolute;left:8px;bottom:8px}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-play-button:hover{background-color:#a10202}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-play-button:active{background-color:#a10202!important;border-color:#a10202!important;box-shadow:0 0 0 .2rem rgba(255,0,0,0.5)!important}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-play-button .icon{padding-right:0;margin-right:-2px}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-play-button .icon::before{font-size:1.2rem;color:white;vertical-align:bottom}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .story-popular-image .story-overlay .overlay-time{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:rgba(0,0,0,0.5);border-radius:3px;color:white;font-weight:500}
.home-component-popular-belt .home-component-popular-belt-content .home-component-popular-belt-item .overlay-number{position:absolute;font-size:60px;right:0;bottom:48px;font-weight:900;opacity:.4;color:#cf1818}
.home-component-popular-belt-container{position:relative;background:#2c2c2c url("clientlibs_less/content/images/structure/1nn-footer-bg.svg") no-repeat;background-size:cover}
.home-component-popular-belt-container .home-component-popular-belt-shadow-left{display:block;position:absolute;top:0;bottom:0;height:100%;pointer-events:none;z-index:8;width:50px;left:0;background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(rgba(29,29,29,0)));background:linear-gradient(to right,#1d1d1d 0,rgba(29,29,29,0) 100%)}
.home-component-popular-belt-container .home-component-popular-belt-shadow-right{display:block;position:absolute;top:0;bottom:0;height:100%;pointer-events:none;z-index:8;width:50px;right:0;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(29,29,29,0)),to(#1d1d1d));background:linear-gradient(to right,rgba(29,29,29,0) 0,#1d1d1d 100%)}
.home-component-popular-belt-container .home-component-popular-belt-button-left,.home-component-popular-belt-container .home-component-popular-belt-button-right{color:#fff;border:0;background:#cf1818;width:40px;height:40px;margin-top:-20px;position:absolute;top:50%;z-index:9999;font-size:20px;padding:0;cursor:pointer;border-radius:3px}
.home-component-popular-belt-container .home-component-popular-belt-button-left.disabled,.home-component-popular-belt-container .home-component-popular-belt-button-right.disabled{display:none}
.home-component-popular-belt-container .home-component-popular-belt-button-left.disabled+.home-component-popular-belt-shadow-left,.home-component-popular-belt-container .home-component-popular-belt-button-right.disabled+.home-component-popular-belt-shadow-left,.home-component-popular-belt-container .home-component-popular-belt-button-left.disabled+.home-component-popular-belt-shadow-right,.home-component-popular-belt-container .home-component-popular-belt-button-right.disabled+.home-component-popular-belt-shadow-right{display:none}
.home-component-popular-belt-container .home-component-popular-belt-button-left .icon::before,.home-component-popular-belt-container .home-component-popular-belt-button-right .icon::before{font-size:1.5rem;vertical-align:text-top}
.home-component-popular-belt-container .home-component-popular-belt-button-right{right:0}