div.video-box{width:100%;height:430px;display:flex;color:#fff;align-items:flex-end;background-size:cover !important;background-position:center center !important}div.video-box div.video-content{width:100%;max-width:360px;padding:20px;display:flex;position:relative;flex-direction:column;margin:0 40px 20px 20px;text-shadow:1px 1px 3px rgba(0,0,0,.6)}div.video-box div.video-content p{margin:0;padding:0}div.video-box div.video-content p.top-title{font-size:14px}div.video-box div.video-content p.title{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word}div.video-box div.video-content a,div.video-box div.video-content span{right:0;top:50%;width:40px;height:40px;display:flex;position:absolute;align-items:center;text-decoration:none;justify-content:center;transition:all .2s ease;-webkit-transition:all .2s ease;transform:translateX(50%) translateY(-50%);background-color:#000;border-radius:50%;cursor:pointer}div.video-box div.video-content a i,div.video-box div.video-content span i{font-size:14px;color:#fff}div.video-box div.video-content a:hover:not(.disabled),div.video-box div.video-content span:hover:not(.disabled){background-color:#10b1c8}div.video-box div.video-content a:hover:not(.disabled) i,div.video-box div.video-content span:hover:not(.disabled) i{color:#fff}div.video-box div.video-content a.video-link,div.video-box div.video-content span.video-link{background-color:#10b1c8}div.video-box div.video-content a.video-link:hover,div.video-box div.video-content span.video-link:hover{background-color:#10b1c8;transform:translateX(50%) translateY(-50%) scale(1.1)}div.video-box div.video-content a.disabled,div.video-box div.video-content span.disabled{background-color:#666;cursor:not-allowed;opacity:.6}div.video-box div.video-content a.disabled i,div.video-box div.video-content span.disabled i{color:#ccc}#videoModal .modal-dialog{max-width:90vw}@media(min-width: 768px){#videoModal .modal-dialog{max-width:70vw}}#videoModal .modal-content{background-color:#000;border:none;border-radius:.5rem;overflow:hidden}#videoModal .modal-header{background-color:#1a1a1a;border-bottom:1px solid #333;padding:1rem 1.5rem}#videoModal .modal-header .modal-title{color:#fff;font-weight:600}#videoModal .modal-header .btn-close{filter:invert(1);opacity:.8}#videoModal .modal-header .btn-close:hover{opacity:1}#videoModal .modal-body{background-color:#000}#videoModal .modal-body video{border-radius:0;background-color:#000}div.video-box{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}div.video-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.2)}div.video-box::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100%);z-index:1}div.video-box div.video-content{position:relative;z-index:2}