@import url(blue.css);

.main-container {
    text-align: center;
    margin-top: 10px;
}

.main-container .left-container {
    width: 10%;
    /* display: inline-block; */
    position: absolute;
    height: 900px;
    left: 0px;
}

.main-container .center-container {
    width: 79%;
    display: inline-block;
    vertical-align: top;
}

.main-container .right-container {
    width: 10%;
    position: absolute;
    height: 900px;
    right: 0px;
}

.main-container ul {
    margin: 0;
    padding: 0;
}

.small-ad-content .content-item {
    max-height: 200px;
    margin-bottom: 10px;
}

.center-content-list {
    text-align: center;
}

.center-content-list .content-item {
    display: inline-block;
}

.center-container .img-row {
    max-height: 250px;
    margin: 0 0 10px 0;
}

.ad-big-group li {
    width: 100%;
}

.big-ad-content {
    margin: 0;
    padding: 0;
}

.big-ad-content .content-item {
    max-height: 70px;
    margin-bottom: 1px;
}

.big-ad-content .content-item:hover {
    opacity: 0.7;
    cursor: pointer;
}

.index-center-content-list .content-img {
    background-size: contain;
}

@media screen and (min-width:769px) {
    .center-content-list .content-item {
        width: 19.5%;
    }
    .index-center-content-list .content-item {
        /*width: 244px;*/
    }
    .center-content-list .content-item .content-img {
        max-height: 300px;
    }
    .index-center-content-list .content-item .content-img {
        max-height: 285px;
    }
}

@media screen and (max-width:769px) {
    .main-container {
        width: 100%;
    }
    .center-content-list .content-item {
        width: 49%;
    }
    .center-content-list .content-item .content-img {
        max-height: 200px;
    }
    .index-center-content-list .content-item {
        width: 45%;
        margin: 0 1%;
    }
    .index-center-content-list .content-item .content-img {
        max-height: 253px;
    }
}


/* header */
.header-container {
    width: 100%;
}

.header_title {
    font-weight: bold;
}

.header_desc p {
    margin: 5px 0;
}

.header_desc {
    display: inline-block;
    width: 80%;
}

.header-container .share_box {
    float: right;
    vertical-align: top;
    margin-right: 10px;
    width: 124px;
    margin: 10px 10px 10px 0;
    cursor: pointer;
}

.header-container .share_box .share_img {
    min-height: 64px;
    height: auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/share_person.png);
}

@media (max-width:769px) {
    .header_desc {
        display: inline-block;
        width: 75%;
    }
    .header-container .text-right {
        text-align: center
    }
    .size_xxxl {
        font-size: 1.8rem;
        padding: 0 10px;
    }
    .movie_list {
        margin: 0px;
        padding: 0px;
    }
    .movie_list img {
        width: 100%;
    }
    .header_desc p {
        padding: 0 10px;
    }
    .header_desc {
        width: 75%;
    }
    .header-container .share_box {
        width: 72px;
        margin: 10px auto;
    }
    .header-container .share_box .share_img {
        min-height: 40px;
    }
}

@media (max-width:376px) {
    .header-container .share_box {
        width: 64px;
    }
    .header-container .share_box .share_img {
        min-height: 35px;
    }
}












.row.menu-row {
    width: 100%;
    margin: 0 auto;
}

.row-item {
    padding: 0 1%;
}

.row-item-title {
    display: inline-block;
    padding: 5px 7px;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 10px;
}

.row-item-content {
    display: inline-block;
    margin: 0px auto;
    padding-left: 10px;
    width: 90%;
    margin-bottom: 15px;
}

.row-item-content .item {
    cursor: pointer;
    text-align: center;
    width: 11.9%;
    margin: 0;
    padding: 15px 0 0 0;
}

.row-item-content .item a {
    cursor: pointer;
    font-size: 1em;
}

@media screen and (min-width:1920px) {
    .row-item-content {
        display: inline-block;
        margin: 0px auto;
        padding-left: 10px;
        width: 88%;
        margin-bottom: 15px;
    }
    .row-item-content .item {
        cursor: pointer;
        text-align: center;
        width: 12%;
        margin: 0;
        padding: 15px 0 0 0;
    }
}

@media (max-width:769px) {
    .row.menu-row {
        width: 100%;
        margin: 0 auto;
    }
    .row-item {
        margin: 0;
    }
    .row-item-title {
        width: 54px;
        font-size: 13px;
    }
    .row-item-content .item {
        width: 24.2%;
        padding: 5px 0 0 0;
    }
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 85%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item a {
        font-size: 12px;
    }
    @media (max-width: 319px) and (min-width:300px) {
        .row-item-content .item {
            width: 17.3vw;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 75%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 330px) and (min-width:319px) {
        .row-item-content .item {
            width: 17.6vw;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 77%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 345px) and (min-width:330px) {
        .row-item-content .item {
            width: 58px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 77%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 359px) and (min-width:345px) {
        .row-item-content .item {
            width: 63px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 78%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 374px) and (min-width:359px) {
        .row-item-content .item {
            width: 66px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 79%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 390px) and (min-width:374px) {
        .row-item-content .item {
            width: 70.3px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 80%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 409px) and (min-width:390px) {
        .row-item-content .item {
            width: 74px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 81%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 431px) and (min-width:409px) {
        .row-item-content .item {
            width: 79.3px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 82%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 460px) and (min-width:431px) {
        .row-item-content .item {
            width: 84px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 82.8%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 490px) and (min-width:460px) {
        .row-item-content .item {
            width: 91.5px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 84%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 520px) and (min-width:490px) {
        .row-item-content .item {
            width:99px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 85%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
    @media (max-width: 550px) and (min-width:520px) {
        .row-item-content .item {
            width: 105px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 85%;
            padding: 0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 780px) and (min-width:750px) {
        .row-item-content .item {
            width: 162px;
            padding: 5px 0 0 0;
        }
        .row-item-content {
            display: inline-block;
            margin: 0;
            width: 89%;
            padding: 0;
            margin-bottom: 5px;
        }
    }
}

/*
@media (max-width: 415px) {
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 82%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item {
        width: 19.2vw;
        padding: 5px 0 0 0;
    }
}

@media (max-width: 376px) {
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 80%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item {
        width: 18.8vw;
        padding: 5px 0 0 0;
    }
}
@media (max-width: 376px) {
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 79%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item {
        width: 18.6vw;
        padding: 5px 0 0 0;
    }
}
@media (max-width: 328px) {
    .row-item-content {
        display: inline-block;
        margin: 0;
        width: 76%;
        padding: 0;
        margin-bottom: 5px;
    }
    .row-item-content .item {
        width: 17vw;
        padding: 5px 0 0 0;
    }
}*/




@media screen and (min-width:769px){

    .footer-container {
        margin-top: 20px;
        line-height: 22px;
    }

    .footer-container .row {
        margin-bottom: 10px;
    }

    .footer-container .buy-link {
        border-radius: 16px;
    }
}

@media screen and (max-width:769px){
    .footer-container {
        margin-top: 20px;
        line-height: 22px;
    }

    .footer-container .row {
        margin-bottom: 10px;
        padding: 5px 10px;
    }

    .footer-container .buy-link {
        border-radius: 16px;
    }
}


@media screen and (min-width: 1921px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (max-width: 1920px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (max-width: 1680px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (max-width: 1480px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (max-width: 1280px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 254px;
    }
}

@media screen and (max-width: 1024px) {
    .movie_list li {
        width: 178px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (max-width: 769px) {
    .movie_list li {
        width: 173px;
    }
    .movie_list img {
        width: 178px;
        max-height: 238px;
    }
}

@media screen and (min-width:769px) {
    .tpl-img-content h3 {
        margin: 5px 0;
    }
    .img-list-index .text-list-html {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .movie_list ul {
        padding-top: 10px;
        position: relative;
        zoom: 1;
    }
    .movie_list li {
        position: relative;
        float: left;
        margin: 0 9px;
    }
    .movie_list h3 {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        margin: 5px 0 10px;
        overflow: hidden;
    }
    .movie_list a:hover img {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }
    .movie_list .movie_date {
        color: #fff;
        font-size: 12px;
        position: absolute;
        display: block;
        height: 26px;
        line-height: 26px;
        top: 250px;
        left: 5px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 13px;
        padding: 0 13px;
        text-shadow: 1px 1px 1px #000;
    }
    .down_date {
        padding: 5px 7px;
        border-radius: 7px;
        position: absolute;
        left: 3px;
        bottom: 53px;
        font-size: 0.8em;
    }
}

@media screen and (max-width:769px) {
    .img-list-index .text-list-html {
        width: 100%;
    }
    .movie_list ul {
        margin: 0px;
        padding: 0px;
    }
    .movie_list ul li {
        width: 45%;
        margin: 0 0 0 3%;
        padding: 0px;
        float: left;
        position: relative;
    }
    .movie_list img {
        width: 100%;
        max-height: 240px;
    }
    .down_date {
        padding: 5px 7px;
        border-radius: 7px;
        position: absolute;
        left: 3px;
        bottom: 54px;
        font-size: 0.8em;
    }
}
@media screen and (max-width:321px) {
    .movie_list img {
        max-height: 200px;
    }
}





/*html,*/


/*body {*/


/*overflow: auto;*/


/*padding: 0px;*/


/*margin: 0px;*/


/*}*/


/*iframe {*/


/*margin: 0;*/


/*border: 0;*/


/*height: auto;*/


/*width: 100%;*/


/*overflow: hidden;*/


/*}*/

.down-help {
    text-align: left;
    /*height: 45px;*/
    /*line-height: 45px;*/
}
.container .row.film-operate {
    text-align: left;
    margin: auto;
    margin-top: 10px;
}

.film-operate .title {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 50px;
    padding-left: 5px;
    margin: 0;
}

.film-operate .remark {
    text-align: right;
    font-size: 0.75em;
    margin: 1px;
}

.film-operate .content {
    line-height: 30px;
    padding: 5px 0;
}

.film-operate .content .row {
    margin-bottom: 5px;
}

.film-operate .content .copy-url {
    padding: 5px 7px;
}

.film-operate .content a {
    padding: 5px 30px;
    margin: 5px 0;
}

.downlist a img {
    width: 100px;
}

@media (max-width:769px) {
    .container .row.film_info {
        width: 100%;
    }
    .container .row.film-operate {
        width: 73%;
    }
    .pull-left-mobile1 {
        width: 40%;
    }
    .pull-left-mobile2 {
        width: 55%;
    }
    .pull-right {
        width: 100%;
        margin-top: 15px;
    }
    .pull-left-mobile1 img {
        width: 100%;
        height: auto;
        margin-top: 12px;
    }
    .hy-layout {
        width: 100%;
        background: #eee;
        margin: 20px 0 0 0;
    }
    .table .form-control {
        margin: 0 0 0 8px;
        height: 33px;
        outline: 0;
        -webkit-appearance: none;
        background-color: #ccc;
        /*color: #999;*/
        ;
        /*border: 1px solid #444;*/
        border: none;
        width: 90%;
        padding-left: 5px;
    }
    .hidden-xs {
        display: none;
    }
    .pull-left-mobile2 p {
        margin: 5px;
    }
    .downlist a img {
        margin-top: 3px;
        transform: translateY(9px);
    }
    .down-help a img {
        width: 100px;
        margin: 8px 0 0 8px;
    }
    @media (min-width:766px) {
        .pull-left-mobile1 {
            width: 20%;
        }
        .pull-left-mobile2 {
            width: 30%;
        }
        .pull-right {
            width: 40%;
            margin-top: 15px;
        }
    }
    .down-help {
        height: 45px;
        line-height: 45px;
    }
}

@media (min-width:769px) {
    .hy-layout {
        width: 100%;
        background: #eee;
        margin: 20px 0 0 0;
    }
    .table .form-control {
        margin: 0 0 0 8px;
        height: 33px;
        outline: 0;
        -webkit-appearance: none;
        background-color: #ccc;
        border: none;
        width: 95%;
        padding-left: 5px;
    }
    .down-help a img {
        width: 190px;
        margin: 10px 10px 0 10px;
    }
}

.hy-switch-tabs .nav-tabs,
.table>thead>tr>th {
    border-bottom: 2px solid #ccc;
}

.hy-switch-tabs .nav-tabs li a {
    padding: 0 0 10px;
    font-size: 16px;
    border: 0;
    background: 0 0;
    border-radius: 0;
    color: white;
}

.nav-tabs>li>a {
    margin-right: 2px;
    /*line-height: 1.42857143;*/
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}

.nav-tabs>ul {
    display: inline-block;
}

.nav li {
    display: inline-block;
    width: 100px;
    float: left;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    margin: 10px
}

.playlist table tr a {
    color: #444;
    ;
    background-color: #bbb;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 15px;
}

.playlist table tr td {
    width: 100%;
    margin: 0 5px;
    padding: 0 10px;
    color: #444;
}

.playlist table tr {
    width: 100%;
    margin: 5px 0;
    height: 50px;
}

.hy-play-list {
    display: none;
}

.active {
    display: block !important;
}



.downlist {
    text-align: left;
}

.table {
    width: 95%
}

.bdsharebuttonbox a {
    color: red;
}

.downlist a {
    color: #444;
}