.banner-bg-films {background-image: url(../images/bg-banner-films.png);background-position: top center;background-size: 100% 100%;background-repeat: no-repeat;}
.banner-heading {color: #fff;font-size:44px;font-weight:300;margin-bottom:20px;line-height:2;}
.filmstime {position:relative;top:-60px;width:100%;height:60px;line-height:60px;color:#fefefe;background-color:rgba(0,175,255,0.6);z-index:80;}
.filmstimes {width:100%;}
.filmstimes > span {text-align:center;}
.filmstimes > em > a {}
.linksfimstime {color:#fefefe;padding:12px 22px;background-color:#1da0dc;font-size:16px;float:right;line-height:20px;border-radius:4px;margin-top:8px;cursor:pointer;}
.linksfimstime:hover {box-shadow:0 0 4px rgba(0,0,0,1);text-decoration:none;color:#fefefe;}
.filmscont {width:100%;}
.tabs-bor {width: 99%;margin:0 auto 0;}
.auto-tabs {height:42px;font-size:24px;text-align:center;color:#999;}
.auto-tabs > a {color:#999;text-align:center;text-decoration:none;cursor:pointer;font-size:22px;padding:0 20px;}
.auto-tabs > a.active {color:#ffa800;font-size:26px;}
.swiper-container {width:100%;border-top:0;}
.swiper-slide {width:100%;background:none;color:#111;}
.content-slide {padding:20px 0;}
.filmscont-docc {width:100%;padding:2% 2%;background-color:#efefef;}
.filmscont-docc > span {display:block;float:left;width:32%;margin-right:3%;}
.filmscont-docc > span > img {width:100%;}
.filmscont-docc > p {width:100%;font-size:16px;line-height:1.7;}
.filmscont-docc > p > br {}

.filmsinfo-k {
    width:96%;margin:3% auto 0;
}
.filmsinfo-bor {
    width:100%;margin:0 auto 0;position:relative;
}
.filmsinfo-list {
    width:100%;
}
.filmsinfo-list > li {display:block;float:left;width:33.33333%;position:relative;height:782px;}
.mr_frBtnL {cursor:pointer;position:absolute;top:25%;left:-2%;z-index:20;}
.mr_frBtnR {cursor:pointer;position:absolute;top:25%;right:-2%;z-index:20;}
.filmscont-title {height:62px;font-size:24px;text-align:center;color:#666;}

.filmsone-bor {width:90%;margin:0 auto 0;}
.filmscont-pic {margin:0 auto 0;display:block;max-width:355px;max-height:526px;width:80%;text-align:center;background-color:#111;}
.filmscont-pic > img {width:100%;background-color:#111;}
.filmscont-pic > img:hover {opacity:0.6;filter(alpha=60);transition: all 0.9s ease-out 0s;}
.films-title {font-size:18px;text-align:center;line-height:20px;padding:18px 0;}
.films-timeinfo {font-size:14px;text-align: center;}
.films-timeinfo > em {display:inline-block;width:33.333333%;}
.films-doccinfo {width:94%;margin:0 auto 0;padding:10px 0;}
.learnmore-topwind {
    background-color: #1da0dc;
    border-radius: 4px;
    clear: both;
    color: #fefefe;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 20px auto 0;
    padding: 10px 19px;
    text-align: center;
    width: 35%;
}
.learnmore-topwind:hover {
    background-color: #21a0dc;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    color: #fefefe;
    text-decoration: none;
}
.swiper-container {
    height: 1282px;
}
.newsinfocont {width:100%;margin:0% auto 0%;background-color:#f5f5f5;padding:4%;}
.newsinfo-title {font-size:22px;width:100%;padding:0% 0 3%;text-align:center;}
.newsinfo-dd {width:100%;border-bottom:1px solid #ccc;}
.newsinfo-dd > em {font-size:14px;padding:8px 0;float:left;color:#999;}
.newsinfo-dd > i {font-size:14px;padding:8px 12px;float:left;font-style:italic;color:#999;}
.newsinfo-dd > b {font-size:12px;padding:8px 12px;float:right;background-color:#c3ecff;color:#666;}
.newsinfo-txt {padding:4% 0;}
.newsinfo-txt > p {padding:0 0 2%;line-height:1.8;font-size:16px;}
.newsinfo-txt  img {width:100%;max-width:650px;}
.newsinfo-txt  video {width:100%;max-width:650px;}

.overflowingVertical, .overflowingHorizontalOnly {
    cursor: zoom-out;
    width: 100%;
}

.widths100 {width: 100%;}

/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlays {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    background-color:rgba(0,0,0,0.8);
}
.modals {
    display: none;
    overflow: hidden;
    z-index: 1001;
    position: fixed;
    width: 94%;
    min-height: 300px;
    top:100px;
    left:3%;
}
p.closeBtns {
    font-size: 20px;
    text-align: center;
    margin: 10px auto 0;
    width: 44px;
    height: 44px;
    line-height: 42px;
    position:absolute;
    bottom:14px;
    border:1px solid #efefef;
    color:#efefef;
    border-radius:50%;
    left:50%;
    margin-left:-22px;
}
p.closeBtns:hover {
    cursor: pointer;
}
.modal-conts {overflow:hidden;overflow-y: auto;}
.flimetimeshowpic {width:100%;text-align:center;}

.schedule-wr {
    width: 100%;
    background-color: #fff;
    max-width:650px;
    margin:0 auto 0;
}

.schedule-wr .schedule-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
}

.schedule-wr .schedule-head > span {
    font-size: 20px;
    color:#2791f7;
}

.schedule-wr .schedule-head .time {
    margin-top: -12px;
    padding: 0 10px;
}

.schedule-wr .schedule-head .line {
    border-top: 3px solid #e9e9e9;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.schedule-wr .schedule-item {
    margin-bottom: 30px;
    text-align: center;
}

.schedule-wr .schedule-item .site {
    color: #c3c3c3;
    font-size: 1.4rem;
    margin-top: 20px;
    padding-bottom: 20px;
}

.schedule-wr .schedule-item .s-head {
    position: relative;
    text-align: center;
    font-size: 20px;
    padding: 2px 20px;
    color: #666;
    background: #f6f7f9;
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #999;
}

.movie-info .banner,
.show .show-list .item > div,
.show-info .content .list .item .logo {
    background-size: cover;
    background-position: center;
}

.schedule-wr .schedule-item .s-head:before {
    bottom: -1px;
    right: -31px;
    position: absolute;
    border-top: 17px solid #ddd;
    border-right: 30px solid transparent;
    content: '';
    margin: auto;
}

.schedule-wr .schedule-item .list-wr {
    padding:3% 0 5%;
    margin: 0;
    list-style: none;
}

.schedule-wr .schedule-item .list-wr > li {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    height: 50px;
    line-height: 50px;
}

.schedule-wr .schedule-item .list-wr > li > span {
    display: block;
    float: left;
    text-align: left;
    overflow: hidden;
    height: 100%;
    font-size: 14px;
}

.schedule-wr .schedule-item .list-wr > li .order {
    font-style: italic;
    font-size: 16px;
    width: 25%;
    padding-left: 15px;
    color: #eb7057;
}

.schedule-wr .schedule-item .list-wr > li .name {
    width: 45%;
    font-size: 16px;
}

.schedule-wr .schedule-item .list-wr > li .time {
    width: 26%;
    color: #eb7057;
    font-size: 16px;
    text-align: right;
}

.schedule-wr .schedule-item .list-wr > li .price {
    width: 20%;
    display:none;
}

.schedule-wr .schedule-item .list-wr > li .price > span {
    color: #eb7057;
}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */

@media (max-width: 667px) {
    
}
@media (max-width: 452px) {
    .banner-heading {color: #fff;font-size:18px;font-weight:300;margin-bottom:20px;line-height:1.7;}
    .filmstime {position:relative;width:100%;height:auto;line-height:1.4;color:#fefefe;background-color:rgba(0,175,255,0.8);padding:8px 0;top:-2px;}
    .linksfimstime {color:#fefefe;padding:8px 12px;background-color:#1da0dc;font-size:12px;float:center;line-height:20px;border-radius:4px;margin-top:8px;cursor:pointer;}
    .auto-tabs a.active {font-size:14px;}
    .auto-tabs {font-size:14px;line-height: 62px;}
    .auto-tabs > a {padding:0 5px;font-size:14px;}
    .filmscont-docc > span {display:block;float:none;width:70%;margin:0 auto 0;}
    .filmscont-docc > p {width:92%;padding:3%;margin:0 auto 0;font-size:14px;}
    .filmscont-title {font-size:18px;line-height:50px;}
    .filmsinfo-list > li {width:100%;}
    .films-title {font-size:18px;text-align:center;line-height:20px;padding:15px 0;}
    .swiper-container {height: 1282px;}
    .filmsinfo-k {overflow:hidden;}
    .mr_frBtnL {left: 0%;}
    .mr_frBtnR {right: 0%;}
    .learnmore-topwind {width:65%;font-size:16px;}
    .modals {top:60px;}
}
@media (max-width: 375px) {
    
}
@media (min-width:668px) and (max-width: 769px) {
    .banner-heading {color: #fff;font-size:28px;font-weight:300;margin-bottom:20px;line-height:1.7;}
    .filmstime {line-height:1.5;font-size:14px;}
    .filmstimes > span {padding:5px;}
    .auto-tabs {clear:both;}
    .auto-tabs > a {display:inline-block;}
    .learnmore-topwind {width:65%;}
    .swiper-container {height: 969px;}
    .modals {top:80px;}
}
@media (min-width:770px) and (max-width: 1199px) {
    
}
@media (min-width:1024px) {
    .banner-bg-films {background-size: 100% 100%;}
    .learnmore-topwind {width:60%;}
    .swiper-container {height: 1152px;}
}
@media (min-width:1279px) {
    .swiper-container {height: 1282px;}
}
@media (min-width:1366px) {
    
}
.@media (min-width:1440px) {
    
}
@media (min-width:1919px) {

}