.cinema-slider{--color2:#141117}
.cinema-slider:before{opacity:.15}
.cinema-slider .item{padding:70px 0 80px}
.cinema-slider .item .full-link{z-index:9999}
.cinema-slider .item .seets{bottom:0;right:0}
.cinema-slider .item .seets:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:150%;background:linear-gradient(to bottom,transparent,var(--color2));z-index:2}
.cinema-slider .item .pic-area{width:75%;margin:0 12.5%}
.cinema-slider .item .pic-area img{transform:scale(1.2);transition-duration:3.5s;height:600px}
.cinema-slider .item .info{bottom:0;right:0;z-index:99999}
.cinema-slider .item .info .btns{filter:blur(10px);transition-duration:1s;margin-top:85px;z-index:99999;opacity:0}
.cinema-slider .item .info .btns .btn{padding:10px 15px;margin-right:15px;border:2px var(--color) solid}
.cinema-slider .item .info .inside{filter:blur(10px);transition-duration:1s;opacity:0;transform:translate(50px,50px);width:calc(100% - 300px);line-height:1.5}
.cinema-slider .item .info .inside .title{font-size:43px;margin-bottom:10px}
.cinema-slider .owl-nav div{width:40px;height:40px;border-radius:50%;top:calc(50% - 70px);position:absolute;font-size:42px;opacity:.5}
.cinema-slider .owl-nav div.owl-next{left:calc(50% - 570px)}
.cinema-slider .owl-nav div.owl-prev{right:calc(50% - 570px)}
.cinema-slider .owl-nav div:hover,.cinema-slider .owl-item.active .item .info .btns{filter:blur(0);opacity:1}
.cinema-slider .owl-item.active .item .pic-area img{transform:scale(1)}
.cinema-slider .owl-item.active .item .info .inside{filter:blur(0);opacity:1;transform:translate(0,0)}
.cinema-slider .item .info .btns .btn:hover{background-color:var(--color);color:#242424;opacity:.8}


@media only screen and (max-width:920px){
.cinema-slider .item .pic-area img{height:400px}
.cinema-slider .item .info .btns{font-size:12px;margin-top:20px}
.cinema-slider .item .info .btns .btn{padding:5px 10px}
.cinema-slider .item .info .inside .desc{font-size:15px}
.cinema-slider .item .info .inside .title{font-size:18px}
.cinema-slider .item .info .inside .date{font-size:13px}
.cinema-slider .item .info .inside{width:100%;text-shadow:0 0 4px #000}
.cinema-slider .item{padding:30px 0}
.cinema-slider .item .pic-area{border-radius:8px}
}
@media only screen and (max-width:650px){
.cinema-slider .item .seets{width:140%;right:-20%}
.cinema-slider .item .pic-area img{height:350px}
}
@media only screen and (max-width:570px){
.cinema-slider .item .pic-area img{height:300px}
}
@media only screen and (max-width:540px){
.cinema-slider .item .pic-area img{height:250px}
}
@media only screen and (max-width:440px){
.cinema-slider .item .pic-area img{height:210px}
}