@charset "utf-8";

html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}


/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}


/* HTML5 display definitions
   ========================================================================== */


/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details,
/* 1 */

figcaption,
figure,
footer,
header,
main,
/* 2 */

menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}


/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
}


/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}


/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template,
/* 1 */

[hidden] {
    display: none;
}


/* Links
   ========================================================================== */


/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}


/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
    outline-width: 0;
}


/* Text-level semantics
   ========================================================================== */


/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}


/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}


/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}


/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
   ========================================================================== */


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}


/* Forms
   ========================================================================== */


/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
    font-weight: bold;
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */

[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

body {
    font-family: Microsoft YaHei, SimSun, Arial;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

*+html .clearfix {
    min-height: 1%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wrap {
    width: 1000px;
    margin: 0 auto;
}

.BgNone {
    border: none !important;
    background: none !important;
}

.strong {
    font-weight: bold !important;
}

img {
    border: none;
    vertical-align: top;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
i {
    display: block
}

a:link,
a:visited,
a:hover {
    text-decoration: none;
}


/*-----------------------------------------------------------------------*/

.layout {
    overflow: hidden;
    padding-bottom: 50px;
    width: 980px;
    margin: 0 auto;
}


/*宽屏*/

.widepage {}

.widepage .layout {
    width: 1380px;
}


/*-----------------------------------------------------------------------*/


/*窄屏*/

.straitpage {}

.straitpage .layout {
    width: 980px;
    margin: 0 auto;
}


/*-----------------------------------------------------------------------*/


/*模块*/

.layout-wrapper {
    /*overflow: hidden;*/
    background-color: #ffffff;
}

.layout-wrapper:nth-child(even) {
    /*background-color: #f5f5f5;*/
}

/*20180911 针对热播大片小屏下 背景色进行调整*/
.straitpage .layout-wrapper {
    min-width: 980px;
}

.head {
    min-width: 980px;
    width: 100%;
    background: #20232c;
    height: 70px;
    position: relative;
    z-index: 10;
}

/*宽屏头部*/

.widepage .head-bar {
    width: 1380px;
}

/*窄屏头部*/

.straitpage .head-bar {
    width: 980px;
}

.head-bar {
    margin: auto;
}

.head-bar:after {
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
    content: "";
}

.widepage .head-bar-logo {
    width: 200px;
}

.straitpage .head-bar-logo {
    width: 180px;
}

.head-bar-logo {
    height: 70px;
    float: left;
    display: inline-block;
}

.nav-bar-menu {
    margin: 0px;
    padding: 0px;
    float: left;
}

.nav-bar-menu li {
    float: left;
    list-style-type: none;
}

.widepage .nav-bar-menu li a {
    font-size: 18px;
}

.straitpage .nav-bar-menu li a {
    font-size: 16px;
}

.straitpage .nav-bar-menu li div,
.widepage .nav-bar-menu li div {
    padding: 0px 24px;
    color: #bdbdbd;
}

.nav-bar-menu li a:link,
.nav-bar-menu li a:visited {
    line-height: 70px;
    display: block;
    /*padding: 0px 24px;*/
    padding: 0px 12px;
    color: #bdbdbd;
}

.nav-bar-menu li a:hover {
    /*background:#282c37;*/
    color: #FFF;
}

.nav-bar-menu li a.nav-bar-active {
    /*background: #282c37;*/
    color: #FFF;
}

/*.nav-bar-menu li:first-child a{
	background:#282c37;
	color:#FFF;
}*/

/* 18-05-17 by zy 独家栏目  start*/

/* 宽屏 */

.nav-bar-menu li.news-and-comment div {
    /* padding-right:3px; */
}

.nav-bar-menu li.news-and-comment a {
    display: inline-block;
}

.nav-bar-menu li.vod-movie a {
    /* padding-left: 3px; */
}

.exclusive-arrow {
    border-top: 1px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
    width: 0;
    height: 0;
    margin: -9px auto 0;
    padding: 0;
    _position: relative;
    _top: -14px;
}

.straitpage .nav-bar-menu li div.exclusive-arrow,
.widepage .nav-bar-menu li div.exclusive-arrow {
    padding: 0;
    color: #20232c;
}

.nav-bar-menu li.exclusive {
    position: relative;
    zoom: 1;
}

.nav-bar-menu li.exclusive .exclusive-hook {
    line-height: 70px;
    display: block;
    padding: 0px 24px;
    color: #bdbdbd;
    font-size: 18px;
    cursor: default;
    text-align: center;
}

.nav-bar-menu li.exclusive .exclusive-hook.hover {
    color: #fff;
}

.nav-bar-menu li.exclusive .exclusive-content {
    position: absolute;
    display: none;
    top: 70px;
    width: 154px;
    left: -12px;
    text-align: center;
    z-index: 99999;
    zoom: 1;
    padding: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/*
li.exclusive:hover .exclusive-content {
    display: block;
    position: absolute;
}*/

.nav-bar-menu .exclusive-content ul {
    width: 154px;
    overflow: hidden;
    padding: 8px 0;
    border-radius: 3px;
    font-size: 14px;
    background-color: #fff;
    margin-left: 0;
    zoom: 1;
}

.nav-bar-menu .exclusive-content li {
    float: none;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.nav-bar-menu .exclusive-content li a {
    line-height: 36px;
    padding: 0;
    display: block;
    color: #666;
    font-size: 14px;
}

.nav-bar-menu li.exclusive li a:hover {
    background-color: #4a658e;
    color: #fff;
}

/* 窄屏 */

.straitpage .nav-bar-menu li a {
    /*padding: 0 18px;*/
    padding: 0 12px;
}

.straitpage .nav-bar-menu li div {
    /*padding: 0 18px;*/
    padding: 0 12px;
}

.straitpage .news-and-comment-dotted {
    /* display: none; */
}

.straitpage .nav-bar-menu li.home-page a {
    padding-left: 23px;
}

.straitpage .nav-bar-menu li.database a {
    /*padding-right: 36px;*/
    padding-right: 32px;
}

.straitpage .nav-bar-menu li.exclusive .exclusive-content {
    left: -27px;
}

.straitpage .bar-user-history,
.straitpage .bar-user-phone {
    display: none;
}

.straitpage .nav-bar-menu li.exclusive .exclusive-hook {
    /*padding: 0px 18px;*/
    padding: 0px 12px;
    font-size: 16px;
}

/* 18-05-17 by zy 独家栏目  end*/

/*宽屏搜索*/

.widepage .nav-bar-seach {
    width: 280px;
    height: 37px;
    margin-left: 13px;
}

/*窄屏搜索*/

.straitpage .nav-bar-seach {
    width: 180px;
    height: 37px;
}

.nav-bar-seach {
    margin-top: 16px;
    background: #2f333f;
    border-radius: 20px;
    float: left;
    position: relative;
    left: 0;
    top: 0;
}

.widepage .nav-bar-seach.animate {
    /*width: 314px;*/
    width: 295px;
    transition: width .3s ease 0s;
}

.straitpage .nav-bar-seach.animate {
    /*width: 280px;*/
    width: 180px;
    transition: width .3s ease 0s;
}

.nav-bar-seach:hover .i-search {
    background-position: -200px -150px;
}

.bar-seach-form {
    padding: 11px 20px 10px;
}

.bar-seach-form:after {
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
    content: "";
}

.bar-seach-txt {
    background-color: transparent;
    /*width: 80%;*/
    width: 73%;
    color: #999;
    float: left;
    position: absolute;
    /**top: 10px;
    *left: 20px;
    +width: 80%;*/
    +width: 74%;
    top: 8px\9\0;
    left: 20px\9\0;
    *top: 10px;
    *left: 20px;
    top: calc(100% - 28px);
}

.bar-seach-btn {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 8px;
}

.bar-seach-txt:focus,
.bar-seach-btn:focus {
    outline: 0 !important
}

.bar-seach-txt,
.bar-seach-btn,
.bar-seach-chip {
    font-size: 14px;
    border: 0px;
}

.bar-seach-chip {
    /* width: 100%; */
    color: #999;
    position: absolute;
    top: 11px;
    left: 20px;
    z-index: 1;
    *display: none;
    +display: block;
}

.widepage .bar-seach-plane {
    /*width: 315px;*/
    width: 295px;
}

.straitpage .bar-seach-plane {
    width: 180px;
}

.bar-seach-plane {
    position: absolute;
    left: 0px;
    top: 35px;
    display: none;
    z-index: 9999;
    padding-top: 4px;
}

.bar-seach-plane ul {
    background: #ffffff;
    padding: 0px;
    margin: 2px 0px 0px 0px;
    border-radius: 5px;
}

.bar-seach-plane ul li {
    list-style-type: none;
    line-height: 40px;
    height: 40px;
    padding-left: 18px;
    background: #ffffff;
    margin: 0px;
    border-radius: 5px;
}

.bar-seach-plane ul li:first-child:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0em;
    border-bottom-left-radius: 0em;
}

.bar-seach-plane ul li:last-child:hover {
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.bar-seach-plane ul li:hover {
    background: #f3f3f3;
    border-radius: 0px;
}

.bar-seach-plane ul li a:link,
.bar-seach-plane ul li a:visited,
.bar-seach-plane ul li a:hover {
    font-size: 14px;
    display: block;
    color: #666;
    text-decoration: none;
}

.nav-bar-user {
    float: right;
    /*line-height: 70px;*/
    font-size: 12px;
    color: #c1c1c1;
}

.nav-bar-user a:link,
.nav-bar-user a:visited {
    color: #c1c1c1;
}

.widepage .bar-user-login,
.widepage .bar-user-history,
.widepage .bar-user-phone {
    padding-left: 38px;
}

.straitpage .bar-user-login,
.straitpage .bar-user-history,
.straitpage .bar-user-phone {
    padding-left: 20px;
}

.bar-user-login,
.bar-user-history,
.bar-user-phone {
    height: 56px;
    padding-top: 14px;
    display: inline-block;
    position: relative;
    float: right;
    text-align: center;
    cursor: pointer;
}

/*解决ie7文字折行start*/
.bar-user-phone {
    white-space: nowrap;
}

/*解决ie7文字折行end*/
.bar-user-phone:hover .i-phone {
    background-position: 0px -189px;
}

.bar-user-history:hover .i-history {
    background-position: -28px -189px;
}

.bar-user-login:hover .i-profile {
    background-position: -68px -189px;
}

.user-login-img img {
    border-radius: 20px;
}

.user-login-plane {
    background: #fff;
    width: 260px;
    height: 148px;
    position: absolute;
    right: 0px;
    top: 70px;
    display: none;
    z-index: 9999;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    cursor: auto;
    border-radius: 5px;
}

.login-plane-winterVip,
.login-plane-winterUnvip {
    display: none;
}

.plane-winterVip-infoBox {
    margin-left: 20px;
    margin-top: 20px;
    color: #9d846d;
}

.plane-winterVip-infoBox a:link,
.plane-winterVip-infoBox a:visited,
.plane-winterVip-infoBox a:hover {
    color: #9d846d;
}

.plane-winterVip-infoBox img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin-right: 10px;
}

.plane-winterVip-infoBox p {
    text-align: left;
    margin: 10px 0px;
}

.winterVip-infoBox-title a:link,
.winterVip-infoBox-title a:visited,
.winterVip-infoBox-title a:hover {
    font-size: 15px;
    color: #666;
}

.winterVip-infoBox-term {
    font-size: 12px;
    color: #9d846d;
    font-family: 宋体;
}

.loginOutBtn {
    float: right;
    margin-right: 17px;
    color: #999999;
    cursor: pointer;
}

.login-plane-winterUnvip .loginOutBtn {
    margin-top: 20px;
}

.loginOutBtn:hover {
    color: #000;
}

.login-renewal-btn {
    border: none;
    background: #ffc200;
    color: #fff;
    border-radius: 10px;
    width: 45px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
}

.login-renewal-btn:hover {
    background: #ffae00;
}

.user-phone-plane {
    background: #ffffff;
    width: 261px;
    height: 286px;
    position: absolute;
    left: -130px;
    top: 70px;
    display: none;
    z-index: 9999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    cursor: auto;
}

.user-history-plane {
    background: #fff;
    width: 275px;
    min-height: 35px;
    position: absolute;
    left: -183px;
    top: 70px;
    display: none;
    z-index: 9999;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.history-plane-list {
    padding: 0px;
    margin: 0px;
    display: none;
    cursor: pointer;
}

.history-plane-list li {
    list-style-type: none;
    line-height: 35px;
    padding: 0px 20px;
}

.history-plane-list li:first-child:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0em;
    border-bottom-left-radius: 0em;
}

.history-plane-list li:last-child:hover {
    border-top-left-radius: 0em;
    border-top-right-radius: 0em;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.history-plane-list li:hover {
    background: #f3f3f3;
}

.history-plane-list li:after {
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
    content: "";
}

.history-plane-list li p {
    margin: 0px;
    font-size: 14px;
    float: left;
    color: #666;
    width: 150px;
    height: 35px;
    text-align: left;
    overflow: hidden;
}

.history-plane-list li:hover p {
    color: #333;
}

.history-plane-list li p a:link,
.history-plane-list li p a:visited,
.history-plane-list li p a:hover {
    display: inline-block;
    color: #ccc;
    text-decoration: none;
}

.history-plane-list li span {
    display: inline-block;
    color: #999;
    float: right;
}

a.history-plane-sincelast:link,
a.history-plane-sincelast:visited {
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 35px;
}

a.history-plane-sincelast:hover {
    color: #775633;
}

.history-plane-date {
    font-size: 12px;
}

.history-plane-close {
    font-size: 20px;
    cursor: pointer;
}

.history-plane-list li i {
    margin-top: 11px;
    margin-right: 10px;
    float: left;
}

.history-plane-list li:hover i.i-history-whitebtn {
    background-position: -140px -150px;
}

.history-plane-list li .history-plane-close,
.history-plane-list li .history-plane-sincelast {
    display: none;
}

.history-plane-list li:hover .history-plane-close,
.history-plane-list li:hover .history-plane-sincelast {
    display: block;
}

.history-plane-list li:hover .history-plane-close:hover {
    color: #775633;
}

.history-plane-list li:hover .history-plane-date {
    display: none;
}

.history-plane-empty {
    text-align: center;
    line-height: normal;
    padding-bottom: 8px;
    padding-top: 35px;
    display: none;
    cursor: default;
}

.history-plane-empty p {
    color: #666;
    font-size: 14px;
}

.history-empty-login,
.history-empty-reg {
    border-radius: 5px;
    width: 97px;
    height: 30px;
    cursor: pointer;
}

.history-empty-login {
    border: none;
    background: #488af9;
    color: #fff;
}

.history-empty-login:hover {
    background: #2f74e8;
}

.history-empty-reg {
    background: #353538;
    border: 1px solid #626269;
    color: #999;
}

.history-empty-reg:hover {
    border: 1px solid #bebebe;
    color: #bebebe;
}

.user-login-span,
.user-history-span,
.user-history-span {
    margin-top: 6px;
    display: block;
}

.straitpage .login-plane-position {
    top: -5px;
    right: 10px;
    position: absolute;
}

.login-plane-position {
    top: -5px;
    right: 10px;
    position: absolute;
}

.straitpage .phone-plane-position {
    top: -5px;
    left: 160px;
    position: absolute;
}

.phone-plane-position {
    top: -5px;
    left: 180px;
    position: absolute;
}

.straitpage .history-plane-position {
    top: -5px;
    left: 220px;
    position: absolute;
}

.history-plane-position {
    top: -5px;
    left: 240px;
    position: absolute;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #0066cc;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid yellow;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid green;
}

/*
img{
	transition: -webkit-filter 0.5s ease-out;
}
img:hover{
	-webkit-filter: saturate(1.2) contrast(1.2) brightness(1.1);
}
*/
/*============20181023修改导航栏移动端hover显示效果========*/
.user-phone-plane {
    left: -211px;
    width: 363px;
    height: auto;
    padding: 43px 33px 40px 37px;
}

.phone-plane-left {
    padding-right: 34px;
    border-right: 2px solid #efefef;
}

.phone-plane-left,
.phone-plane-right {
    float: left;
}

.phone-plane-right {
    padding-left: 50px;
}

.phone-plane-position {
    left: 262px;
}

/*20191230 电影号*/
.widepage .database a {
    padding-right: 43px;
}

.widepage .nav-bar-seach {
    width: 250px;
}

.icon-home {
    background: url(../images/homeico.png) no-repeat;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
    *background-image: url(../images/homeico.png);
    *background-repeat: no-repeat;
}

.i-cctv6 {
    width: 47px;
    height: 51px;
    background-position: 0px 0px;
    font-size: 0;
    line-height: 0;
    margin-top: 9px;
    position: absolute;
}

.i-1905 {
    width: 81px;
    height: 27px;
    background-position: -60px -24px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    margin-left: 80px;
    margin-top: 20px;
}

.i-playBtnBlack {
    width: 36px;
    height: 36px;
    background-position: -180px -66px;
}

.i-playBtnWhite {
    width: 36px;
    height: 36px;
    background-position: -220px -66px;
}


.i-time {
    width: 14px;
    height: 14px;
    background-position: -270px 0px;
}

.i-commerce {
    width: 26px;
    height: 32px;
    background-position: -133px 0px;
}

.i-quote {
    width: 26px;
    height: 23px;
    background-position: -15px -94px;
}

.i-search {
    width: 20px;
    height: 20px;
    background-position: -170px -150px;
}

.i-profile {
    width: 21px;
    height: 23px;
    background-position: -68px -150px;
}

.i-history {
    width: 23px;
    height: 24px;
    background-position: -28px -150px;
}

.i-phone {
    width: 18px;
    height: 23px;
    background-position: 0px -150px;
}

.i-history-empty2 {
    height: 82px;
    width: 82px;
    background-position: -0px -215px;
}

.i-history-empty {
    height: 79px;
    width: 79px;
    background-position: -100px -215px;
}

.i-history-redbtn {
    width: 15px;
    height: 15px;
    background-position: -140px -150px;
}

.i-history-whitebtn {
    width: 15px;
    height: 15px;
    background-position: -110px -150px;
}

.i-crown {
    width: 20px;
    height: 18px;
    margin-left: 7px;
    background-position: -100px -170px;
}

.i-crownGray {
    width: 20px;
    height: 18px;
    margin-left: 7px;
    background-position: -130px -170px;
}

/*============footer=============*/
.footer,
.copy-right {
    min-width: 980px;
    background: #20232c;
    color: #666;
}

.footer *,
.copy-right * {
    margin: 0;
    padding: 0;
}

.widepage .footer-inner,
.widepage .copy-right-conts {
    width: 1380px;
}

.straitpage .footer-inner,
.straitpage .copy-right-conts {
    width: 980px;
}

.footer-inner,
.copy-right-conts {
    margin: 0 auto;
    background-color: #20232c;
}

.footer-inner {
    padding: 29px 0 33px;
}

.footer-inner-logo {
    background-position: -60px 0;
    width: 122px;
    height: 20px;
    margin-bottom: 30px;
}

.footer-inner-links {
    font: 12px/12px "Microsoft Yahei";
    height: 12px;
    margin-bottom: 8px;
}

.footer-inner-links a {
    color: #d5d5d5;
}

.footer-inner-links span {
    display: inline-block;
    margin: 0 16px;
    color: #282d3a;
}

.footer-inner-bottom a {
    font: 12px/28px "Microsoft Yahei";
    color: #525766;
    display: inline-block;
    margin-right: 23px;
}

.footer-inner-links a:hover,
.footer-inner-bottom a:hover {
    color: #4794d8;
}

/*===============copy-right==========*/
.copy-right {
    background-color: #282c37;
}

.copy-right-conts {
    background-color: #282c37;
    padding: 11px 0;
}

.right-conts-left {
    font: 12px/32px "Microsoft Yahei";
    margin-right: 96px;
}

.right-conts-left span {
    color: #4794d8;
    margin-right: 13px;
    font-family: "Arial";
}

.right-conts-left em {
    font-style: normal;
    color: #72747c;
}

.right-conts-left em a {
    color: #72747c;
}

.right-conts-left em a:hover {
    color: #4794d8;
}

.conts-left-margin {
    margin: 0 8px;
}

.right-conts-logo {
    background-position: -190px 0;
    display: inline-block;
    width: 26px;
    height: 32px;
}

@charset "UTF-8";

body {
    font-family: Microsoft YaHei, SimSun, Arial;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font:inherit;*/
    font-size: 100%;
    vertical-align: baseline
}

html {
    /*line-heiGht:1*/
}

ol,
ul,
dl {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a {
    text-decoration: none;
}

a img {
    border: none
}

img {
    vertical-align: top;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

em,
i {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*浮动*/
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearfix {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}

.clearfix:after {
    clear: both;
}

.no-right {
    margin-right: 0px !important;
}

.clearFloat:after,
.clearFloat:before {
    content: "";
    display: table;
}

.clearFloat:after {
    clear: both;
}

.clearFloat {
    *zoom: 1;
}

.clearFloat {
    content: "";
    display: block;
    clear: "";
    zoom: 1;
}

.clearFloat:after {
    clear: both;
}

.widepage .head-bar {
    background: #20232c;
}

*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}

.widepage .frLink a {
    margin-right: 75px;
    /*display: inline-block;*/
}

.straitpage .frLink a {
    margin-right: 41px;
    /*display: inline-block;*/
}

.frLink {
    font: 16px/1 "Microsoft YaHei";
    padding-bottom: 30px;
}

.frLink div {
    color: #000;
    margin-bottom: 20px;
}

.frLink p {
    margin: 0;
    padding: 0;
}

.frLink p a {
    color: #666;
}

.frLink p a:hover {
    color: #2267ad;
}

.frLink p a.marrg0 {
    margin-right: 0;
}

.layerout1200 {
    width: 1200px;
    margin: 0 auto;
}

.picHover img {
    transition: transform 0.1s ease-in, -webkit-filter 0.6s ease-out;
}

.picHover:hover img {
    -webkit-filter: saturate(1.2) contrast(1.2) brightness(1.1);
}

.picHover:active img {
    transform: scale(0.97) translateZ(0);
}

.picHover:visited img {
    transition: transform 0s ease, -webkit-filter 1s ease-out;
}

.index-xicon {
    background: url(../images/index_iconother.png) no-repeat;
}

.programme-icon {
    background: url(../images/programmeicon.png) no-repeat;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
}

/* 节目单样式 */
.widepage .bar-user-login {
    padding-left: 20px;
}

.bar-user-programme {
    /*width: 51px;*/
    height: 64px;
    padding-top: 6px;
    display: inline-block;
    position: relative;
    float: right;
    text-align: center;
    cursor: pointer;
    padding-left: 38px;
}

.user-programme-span {
    margin-top: 6px;
    display: block;
    margin-left: -32px;
}

.i-programme {
    width: 51px;
    height: 31px;
    background-position: 0 -49px;
}

.bar-user-programme:hover .i-programme {
    background-position: 0 -90px;
}

.user-programme-plane {
    background: #fff;
    width: 321px;
    padding-bottom: 42px;
    /*min-height: 279px;*/
    position: absolute;
    right: -44px;
    right: -45px\9\0;
    top: 70px;
    display: none;
    z-index: 9999;
    cursor: default;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .user-programme-plane {
        right: -45px;
    }
}

.programme-plane-position {
    top: -5px;
    left: 231px;
    position: absolute;
}

.programme-plane-list {
    display: none;
    padding: 25px 25px 0px 25px;
}

.programme-plane-list li {
    margin-bottom: 20px;
    color: #888;
}

.programme-plane-list li a {
    color: #888 !important;
}

.programme-plane-list li.active a {
    color: #9a6f3c !important;
}

.programme-plane-list .i-programme-btn {
    float: left;
    width: 15px;
    height: 15px;
    background-position: 0 -24px;
}

.programme-plane-list li.active .i-programme-btn {
    background-position: 0 0;
}

.programme-plane-list .i-programme-time {
    float: left;
    width: 67px;
    text-align: left;
    text-indent: 11px;
    font: 14px/14px "Arial";
}

.programme-plane-list .i-programme-title {
    float: left;
    width: 189px;
    text-align: left;
    font: 14px/24px "MicroSoft Yahei";
    margin-top: -6px;
}

.programme-plane-empty {
    padding: 40px 0;
    /* display: none; */
}

.i-programme-empty {
    width: 90px;
    height: 113px;
    background-position: -60px -0px;
}

.programme-plane-empty p {
    padding-top: 26px;
    font: bold 18px/18px "MicroSoft Yahei";
    color: #ccc;
}

.programme-plane-tab {
    width: 321px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bar-user-programme .user-programme-plane .programme-plane-a {
    display: inline-block;
    float: left;
    width: 160px;
    height: 42px;
    background-color: #b89f80;
    /* border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; */
    font: bold 14px/42px "MicroSoft Yahei";
    color: #fff;
}

.bar-user-programme .user-programme-plane .programme-plane-a:first-child {
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 0\9;
}

.bar-user-programme .user-programme-plane .programme-plane-a:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-right-radius: 0\9;
}

.bar-user-programme .user-programme-plane .programme-plane-a:hover {
    background-color: #a69073;
}

.programme-plane-tab span {
    display: inline-block;
    float: left;
    width: 1px;
    height: 42px;
    color: #a69073;
    background-color: #a69073;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .bar-user-programme .user-programme-plane .programme-plane-a {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

;

/*轮播图*/
.index-carousel ul,
.index-carousel li {
    list-style: none;
}

.index-carousel ul,
.index-carousel li,
.index-carousel p {
    margin: 0;
    padding: 0;
}

.index-carousel img {
    border: 0px;
}

.marb60 {
    margin-bottom: 60px;
}

.marb20 {
    margin-bottom: 20px;
}

.clearFloat:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFloat {
    zoom: 1;
}

.widepage .firstScreen,
.straitpage .firstScreen {
    background: #000;
    min-width: 1380px;
}

/* 头图部分 */
.index-carousel {
    position: relative;
    width: 1380px;
    height: 460px;
    /* padding-top: 32px; */
    margin: 0 auto;
    overflow: hidden;
}

.index-carousel .index-carousel-container {
    text-decoration: none;
}

.index-carousel .index-carousel-screenshot {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: #343434;
}

.index-carousel .index-carousel-screenshot img {
    width: 100%;
    height: auto;
    display: block;
}

.index-carousel .index-carousel-switch {
    position: absolute;
    bottom: 0;
    right: 90px;
    width: 320px;
    height: 396px;
    padding: 32px 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.55);
}

.index-carousel .index-carousel-switch li {
    width: 100%;
    text-align: left;
    padding: 10px 0;
}

.index-carousel .index-carousel-switch li.active .index-switch-title {
    color: #fff;
}

.index-carousel .index-carousel-switch li:hover .index-switch-title {
    color: #fff;
}

.index-carousel .index-carousel-switch li .index-switch-title {
    padding: 0 30px;
    display: block;
    overflow: hidden;
    height: 46px;
    font: 15px/23px "MicroSoft Yahei";
    color: #bbbabc;
}

/* 确保背景透明,文字不透明 IE hack */
@media \0screen\,screen\9 {
    .index-carousel .index-carousel-switch {
        /* 确保背景透明,文字不透明 */
        background: #000;
        filter: alpha(opacity:55);
        *zoom: 1;
    }
}

/*六公主*/
.princess-list {
    height: 487px;
    /*padding: 20px 0;*/
}

.princess-list .item {
    width: 188px;
    height: 447px;
    float: left;
    position: relative;
    overflow: hidden;
    top: 20px;
    transition: width .2s ease, top .2s ease, height .2s ease;
}

.princess-list .item .imgs {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.princess-list .item .item-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 232px;
    min-height: 0:
        /*background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.princess-list .item p {
    font: 15px/26px "MicroSoft Yahei";
    color: #fff;
    padding: 0 20px;
    height: 52px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 25px;
}

.princess-list .item.current {
    top: 0px;
    width: 260px;
    height: 487px;
    border-radius: 4px;
}

/*电影评论*/
.film-review-list .left {
    float: left;
    width: 512px;
    height: 486px;
}

.film-review-list .left .imgs {
    width: 512px;
    height: 288px;
    display: block;
    position: relative;
}

.film-review-list .left .imgs img {
    width: 100%;
    height: 100%;
}

.film-review-list .left .imgs .player {
    display: block;
    width: 76px;
    height: 76px;
    position: absolute;
    left: 19px;
    bottom: 19px;
    background-position: 0 -253px;
}

.film-review-list .left .imgs:hover .player {
    background-position: -84px -253px;
}

.film-review-list .left .imgs span {
    position: absolute;
    padding: 5px;
    background: #cd0001;
    color: #fff;
    font: 12px/12px "MicroSoft Yahei";
    border-bottom-left-radius: 3px;
    right: 0;
    top: 0;
}

.film-review-list .left .info {
    padding: 30px 15px 22px 20px;
    border: 1px solid #e4e4e4;
    border-top: none;
}

.film-review-list .left .info .title {
    display: block;
    font: bold 22px/42px "MicroSoft Yahei";
    color: #333;
    height: 44px;
    overflow: hidden;
    margin-bottom: 11px;
}

.film-review-list .left .info .title:hover {
    color: #2267ad;
}

.film-review-list .left .info .des {
    font: 15px/30px "MicroSoft Yahei";
    color: #333;
    height: 90px;
    overflow: hidden;
}

.film-review-list .middle {
    float: left;
    width: 332px;
    height: 486px;
    margin-left: 20px;
}

.film-review-list .middle .list {
    width: 100%;
    height: 243px;
}

.film-review-list .middle .imgs {
    display: block;
    width: 332px;
    height: 186px;
    position: relative;
}

.film-review-list .middle .imgs img {
    width: 100%;
    height: 100%;
}

.film-review-list .middle .imgs i {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    background-position: -166px -1px;
    left: 10px;
    bottom: 10px;
}

.film-review-list .middle .imgs:hover i {
    background-position: -206px -1px;
}

.film-review-list .middle .title {
    display: block;
    height: 56px;
    width: 290px;
    padding: 0 20px;
    border: 1px solid #e4e4e4;
    border-top: none;
    overflow: hidden;
    color: #333;
    font: 15px/56px "MicroSoft Yahei";
}

.film-review-list .middle .title:hover {
    color: #2267ad;
}

.film-review-list .right {
    float: right;
    width: 316px;
    height: 486px;
}

.film-review-list .right .imgs {
    display: block;
    width: 100%;
    height: 333px;
}

.film-review-list .right .imgs img {
    width: 100%;
    height: 100%;
}

.film-review-list .right .info {
    padding: 28px 30px 10px 30px;
    border: 1px solid #e4e4e4;
    border-top: none;
    height: 114px;
}

.film-review-list .right .info .title {
    display: block;
    font: bold 20px/22px "MicroSoft Yahei";
    color: #333;
    height: 22px;
    overflow: hidden;
    margin-bottom: 18px;
}

.film-review-list .right .info .title:hover {
    color: #2267ad;
}

.film-review-list .right .info .des {
    font: 15px/30px "MicroSoft Yahei";
    color: #333;
    height: 60px;
    overflow: hidden;
}

/* 专家观点 */
.title-module {
    height: 28px;
    margin-bottom: 30px;
}

.title-module h3 {
    font: bold 28px/28px "MicroSoft Yahei";
    color: #000;
    float: left;
}

.title-module a {
    float: right;
    font: 15px/28px "MicroSoft Yahei";
    color: #999;
}

.title-module a:hover {
    color: #2267ad;
}

.expert-comments .expert-comments-list {
    /* margin-left: -20px; */
}

.expert-comments .expert-comments-list li {
    float: left;
    width: 166px;
    padding: 0 27px;
    height: 243px;
    border: 1px solid #e4e4e4;
    border-top-color: #b28850;
    position: relative;
    margin-left: 20px;
}

.expert-comments .expert-comments-list li.marl0 {
    margin-left: 0;
}

.expert-comments .expert-comments-list .horn {
    display: block;
    width: 20px;
    height: 20px;
    border: 4px solid #b28850;
    border-right: none;
    border-bottom: none;
    position: absolute;
    left: -1px;
    top: -1px;
}

.expert-comments .expert-comments-list .expert {
    padding: 40px 0 25px;
    height: 20px;
    font-size: 0;
}

.expert-comments .expert-comments-list .name {
    font: bold 20px/20px "MicroSoft Yahei";
    color: #333;
    margin-right: 10px;
}

.expert-comments .expert-comments-list .review {
    height: 15px;
    font: 15px/15px "MicroSoft Yahei";
    color: #999;
}

.expert-comments .expert-comments-list .des {
    font: 15px/26px "MicroSoft Yahei";
    color: #666;
    text-indent: 2em;
    background: url(../images/mark.png) 0 2px no-repeat;
    height: 130px;
    overflow: hidden;
}

/*封面人物*/
.cover-person-list .left {
    width: 712px;
    height: 480px;
    float: left;
}

.cover-person-list .left .imgs {
    display: block;
    width: 100%;
    height: 370px;
    position: relative;
}

.cover-person-list .left .imgs img {
    width: 100%;
    height: 100%;
}

.cover-person-list .left .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 672px;
    height: 55px;
    padding: 0 20px;
    background: rgba(154, 111, 60, 0.9);
    font-size: 0;
    color: #fff;
    overflow: hidden;
}

/* 确保背景透明,文字不透明 IE hack */
@media \0screen\,screen\9 {
    .cover-person-list .left .info {
        /* 确保背景透明,文字不透明 */
        background: #9a6f3c;
        filter: alpha(opacity:90);
        *zoom: 1;
    }
}

.cover-person-list .left .name {
    font: bold 28px/55px "MicroSoft Yahei";
    margin-right: 20px;
}

.cover-person-list .left .title {
    font: bold 18px/55px "MicroSoft Yahei";
}

.cover-person-list .left .des {
    padding: 22px 20px 27px;
    font: 15px/30px "MicroSoft Yahei";
    border: 1px solid #e4e4e4;
    border-top: none;
    color: #333;
}

.cover-person-list .right {
    float: right;
    width: 488px;
}

.cover-person-list .right li {
    float: left;
    width: 224px;
    height: 230px;
    margin-left: 20px;
}

.cover-person-list .right li img {
    width: 100%;
    height: 100%;
}

/*返回顶部*/
.return-top {
    position: fixed;
    width: 54px;
    height: 55px;
    background-position: -366px -203px;
    cursor: pointer;
    bottom: 46px;
    right: 15%;
    display: none;
    margin-right: -100px;
    z-index: 100;
}

.return-top:hover {
    background-position: -446px -203px;
}

/* HTT */
.live-items {
    overflow: hidden;
    /* height:46px; */
}

.margin0 {
    margin-right: 0 !important;
}

.hot-topics-top {
    height: 28px;
    margin-bottom: 30px;
}

.hot-topics-top div h3 {
    font: bold 28px/1 "Microsoft YaHei";
    color: #000;
    margin-right: 20px
}

.hot-topics-top div ul {
    height: 24px;
    margin-top: 2px;
}

.hot-topics-top div ul li {
    float: left;
    font: 14px/22px "Microsoft YaHei";
    border: 1px solid #e4e4e4;
    /*border-radius:10px;*/
    border-radius: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

.hot-topics-top div ul li a {
    color: #999;
    display: block;
    padding: 0 14px;
}

.hot-topics-top div ul li:hover {
    border-color: #b89f80;
}

.hot-topics-top div ul li:hover a {
    color: #a68d6d;
}

.topics-top-more {
    font: 15px/28px "Microsoft YaHei";
    color: #999;
}

.topics-top-more:hover {
    color: #2267ad;
}

.hot-topics-bottom {
    margin-bottom: 39px;
}

.hot-topics-bottom li {
    width: 285px;
    float: left;
    margin-right: 15px;
    margin-bottom: 16px;
}

.topics-bottom-img {
    display: block;
    width: 285px;
    height: 100px;
    margin-bottom: 6px;
}

.topics-bottom-img img {
    width: 100%;
    height: 100%;
}

.topics-bottom-title {
    font: 15px/22px "Microsoft YaHei";
    color: #333;
}

.topics-bottom-title:hover {
    color: #2267ad;
}


/*M视频下方原形图*/
.m-video {
    margin-bottom: 60px;
}

.m-video li {
    height: 63px;
    float: left;
}

.m-video-img {
    display: block;
    width: 200px;
    height: 63px;
}

/*直播模块*/
.live-module {
    margin-bottom: 60px;
}

.live-module-left {
    width: 590px;
}

.live-module-left h3 {
    font: bold 18px/52px "Microsoft YaHei";
    color: #000;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
}

.live-module-left h3 span {
    position: relative;
    display: inline-block;
    width: 48%;
    border-top: solid #e8e4e4 3px;
}

.live-module-left h3 span.active {
    color: #9a6f3c;
    border-color: #9a6f3c;
}

.mIcon {
    position: absolute;
    height: 19px;
    left: 173px;
    top: -5px;
    background-position: left top;
    background-repeat: no-repeat;
}

.icon_yg {
    width: 37px;
    background-image: url(../images/icon-yg.png);
    display: none;
}

.icon_live {
    width: 62px;
    background-image: url(../images/icon-live.png);
    display: none;
}

.live-module-right {
    width: 570px;
}

.live-right-title {
    height: 28px;
    margin-bottom: 30px;
}

.live-right-title span {
    float: left;
    font: bold 28px/1 "Microsoft YaHei";
    color: #000;
}

.live-right-title a {
    float: right;
    font: 15px/28px "Microsoft YaHei";
    color: #999;
}

.live-right-title a:hover {
    color: #2267ad;
}

.live-right-top {
    width: 520px;
    padding-right: 50px;
}

.live-right-top h3 {
    font: 22px/1 "Microsoft YaHei";
    /* margin-bottom: 16px; */
    margin-bottom: 28px;
    ;
}

.live-right-top h3 a {
    color: #9a6f3c;
}

.live-right-top h3 a:hover {
    color: #2267ad;
}

.live-right-top ul {
    /* padding-bottom:24px; */
    padding-bottom: 8px;
    border-bottom: 2px solid #e4e4e4;
}

.live-right-top ul li {
    /* font: 15px/35px "Microsoft YaHei"; */
    font: 15px/1 "Microsoft YaHei";
    margin-bottom: 23px;
}

.live-right-top ul li a {
    color: #333333;
}

.live-right-top ul li a:hover {
    color: #2267ad;
}

.m-live-notice ul,
.live-items ul {
    height: 44px;
    border: 1px solid #e4e4e4;
    border-top: none;
    font: 15px/44px "Microsoft YaHei";
    padding: 0 28px 0;
}

.module-cctv6-item ul li {
    margin-right: 44px;
}

.module-cctv6-item .cctv6-live-title {
    margin-right: 0 !important;
}

.module-cctv6-item span,
.module-mvideo-item span {
    margin-right: 8px;
}

.module-cctv6-item span,
.module-cctv6-item em,
.module-mvideo-item span,
.module-mvideo-item em {
    color: #999;
}

.cctv6-live-title {
    color: #333;
}

.ctv6-live-right {
    color: #9a6f3c;
    margin-right: 0 !important;
}

.ctv6-live-right a {
    color: #9a6f3c;
}

.ctv6-live-right i {
    background: url(../images/liveimg.png) no-repeat left top;
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 8px;
}

.cctv6-container,
.mvideo-container {
    width: 100%;
    height: 395px;
    background-repeat: no-repeat;
    background-color: #000;
}

.containerInner {
    height: 395px;
}

.mvideo-container {
    display: none;
}

.cctv6-container {
    /* background-image: url(../images/cctv6_nodata.jpg); */
}

.live-wrapper-mvideo .cctv6-container {
    background-image: url(../images/m_nodata.jpg);
}

.live-wrapper-mvideo {
    display: none;
}

.module-mvideo-item {
    display: none;
}

/* 回看 */
.m_back span {
    color: #9a6f3c;
    float: left;
    margin-right: 0;
}

.m_back em {
    margin: 0 9px;
    float: left;
    color: #e4e4e4;
}

.m_back strong {
    color: #333;
    float: left;
    font-weight: normal;
}

/* 预告 */
.m-live-notice {
    background-color: #000;
    display: none;
}

.m-live-notice ul {
    padding: 0 !important;
    /* padding:0 0 0 72px!important; */
    border: none;
    background: #9a6f3c;
    font: bold 16px/49px "Microsoft YaHei";
    height: 49px;
    color: #fff;
}

.m-live-notice ul li {
    float: left;
}

.leftTime {
    margin-right: 30px !important;
    padding-left: 72px;
}

.m-live-notice .commonStyle {
    margin-right: 20px !important;
    height: 49px;
}

.m-live-notice .commonStyle span {
    font-weight: normal;
    font-family: Verdana;
    font-size: 20px !important;
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
}

.live-poster {
    height: 346px;
}

.live-poster img {
    width: 100%;
    height: 100%;
}

.m_notice {
    height: auto !important;
}

.m_notice li {
    font-weight: normal;
    margin-right: 0 !important;
}

.notice-first {
    color: #333;
    font-size: 15px;
    /*border-bottom: 1px solid #e4e4e4;*/
}

.notice-second {
    font-size: 15px;
}

.notice-second span,
.notice-second a {
    color: #9a6f3c;
}

.notice-second a i {
    background: url(../images/loadapp.png) no-repeat center;
    display: inline-block;
    width: 18px;
    height: 19px;
    background-size: contain;
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

.order {
    /* color:#b28850!important; 
    padding:0 12px; 
    height:19px; 
    border:1px solid #b28850; 
    border-radius:22px; 
    line-height:19px;  */
    margin-top: 11px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../images/orderimg.png);
    width: 49px;
    height: 21px;
    display: inline-block;
}

.order.default {
    background-position: 0 0;
}

.order.hasOrdered {
    width: 61px;
    background-position: 0 -54px;
    cursor: default;
}

.default:hover {
    background-position: 0 -27px;
}

/*预约弹窗*/
.live-module-orderLayer {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -104px;
    margin-top: -65px;
    width: 308px;
    height: 129px;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
    z-index: 999;
    border-radius: 12px;
    display: none;
}

.live-module-orderLayer h3 {
    font: bold 21px/1 "Microsoft YaHei";
    color: #c49f6d;
    padding: 38px 0 17px;
}

.live-module-orderLayer p {
    font: 15px/1 "Microsoft YaHei";
    color: #ddd;
}

.live-module-cancleOrderLayer,
.live-module-failOrderLayer {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -104px;
    margin-top: -23px;
    width: 308px;
    height: 45px;
    font: 16px/45px "Microsoft YaHei";
    color: #c49f6d;
    text-align: center;
    display: none;
    background-color: #262626;
    border-radius: 20px;
}

/*深度报道*/
.depth-report {
    margin-bottom: 56px;
}

.depth-report h3,
.demand-collection h3 {
    height: 28px;
    margin-bottom: 30px;
}

.depth-report h3 span,
.demand-collection h3 span {
    display: inline-block;
    font: bold 28px/28px "Microsoft YaHei";
    color: #000;
}

.depth-report h3 a,
.demand-collection h3 a {
    display: inline-block;
    font: 15px/28px "Microsoft YaHei";
    color: #999;
}

.depth-report h3 a:hover,
.demand-collection h3 a:hover {
    color: #2267ad;
}

.depth-report ul li {
    float: left;
    width: 285px;
    margin-right: 15px;
}

.depth-report-img {
    position: relative;
    margin-bottom: 5px;
    display: block;
    width: 285px;
    height: 160px;
}

.depth-report-img img {
    width: 100%;
    height: 100%;
}

.depth-report-img span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 6px;
    height: 21px;
    background-color: #cd0001;
    border-bottom-left-radius: 5px;
    font: 12px/21px "Microsoft YaHei";
    color: #fff;
    text-align: center;
}

.depth-report-infos {
    font: 15px/22px "Microsoft YaHei";
}

.depth-report-infos a {
    color: #333;
}

.depth-report-infos a:hover {
    color: #2267ad;
}

/*电影号*/
.demand-collection {
    margin-bottom: 60px;
}

.moive-number .depth-report-img {
    margin-bottom: 10px;
}

.moive-number-organization {
    margin-bottom: 11px;
    display: block;
}

.moive-number-organization img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 9px;
}

.moive-number-organization em {
    display: inline-block;
    font: 15px/22px "Microsoft YaHei";
    color: #666;
}

/*点播合辑*/
.collection-left-top {
    margin-bottom: 20px;
}

.position-common-a {
    position: relative;
    display: block;
    width: 590px;
    height: 332px;
}

.collection-left-bottom li a {
    width: 285px;
    height: 160px;
}

.demand-collection-right {
    width: 590px;
}

.collection-right-L {
    margin-right: 20px;
}

.collection-right-L li a {
    width: 285px;
}

li.right-L-top a {
    height: 160px;
    margin-bottom: 20px;
}

li.right-L-bottom a {
    height: 331px;
}

.demand-collection img {
    width: 100%;
    height: 100%;
}

.demand-collection b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.collection-left-top a b {
    /*background:url(../images/demand1_mask.png) no-repeat left top;*/
    background: url(../images/demand_mask.png) no-repeat left bottom;
}

.collection-left-position {
    position: absolute;
    right: 10px;
    bottom: 11px;
    text-align: right;
    color: #fff;
}

.collection-left-position div {
    font-weight: bold;
    /*margin-bottom: 6px;*/
    margin-bottom: 0px;
}

.collection-left-position div span {
    font-size: 30px;
    margin-right: 9px;
}

.collection-left-position div i {
    font-size: 20px;
    display: inline-block;
}

.collection-left-position em {
    font: 15px/1 "Microsoft YaHei";
}

.collection-left-bottom li {
    float: left;
    margin-right: 20px;
}

.collection-left-bottom a b {
    /*background:url(../images/demand2_mask.png) no-repeat left top;*/
    background: url(../images/demand_mask.png) no-repeat left bottom;
}

li.right-L-top a b {
    /*background:url(../images/demand2_mask.png) no-repeat left top;*/
    background: url(../images/demand_mask.png) no-repeat left bottom;
}

li.right-L-bottom a b {
    /*background:url(../images/demand3_mask.png) no-repeat left top;*/
    background: url(../images/demand_mask.png) no-repeat left bottom;
}

.collection-right-R a {
    width: 285px;
    height: 511px;
}

.collection-right-R a b {
    /*background:url(../images/demand4_mask.png) no-repeat left top;*/
    background: url(../images/demand_mask.png) no-repeat left bottom;
}

/*  */
/*============footer=============*/
.homeico {
    background-image: url(../images/index_iconother.png);
    background-repeat: no-repeat;
}

.footer,
.copy-right {
    min-width: 980px;
    background: #20232c;
    color: #666;
}

.footer *,
.copy-right * {
    margin: 0;
    padding: 0;
}

.widepage .footer-inner,
.widepage .copy-right-conts {
    /*width:1380px;*/
    width: 1200px;
}

.straitpage .footer-inner,
.straitpage .copy-right-conts {
    width: 980px;
}

.footer-inner,
.copy-right-conts {
    margin: 0 auto;
    background-color: #20232c;
}

.footer-inner {
    padding: 29px 0 33px;
}

.footer-inner-logo {
    background-position: -60px -359px;
    width: 122px;
    height: 20px;
    margin-bottom: 30px;
}

.footer-inner-links {
    font: 12px/12px "Microsoft Yahei";
    height: 12px;
    margin-bottom: 8px;
}

.footer-inner-links a {
    color: #d5d5d5;
}

.footer-inner-links span {
    display: inline-block;
    margin: 0 16px;
    color: #282d3a;
}

.footer-inner-bottom a {
    font: 12px/28px "Microsoft Yahei";
    color: #525766;
    display: inline-block;
    margin-right: 23px;
}

.footer-inner-links a:hover,
.footer-inner-bottom a:hover {
    color: #4794d8;
}

/*===============copy-right==========*/
.copy-right {
    background-color: #282c37;
}

.copy-right-conts {
    background-color: #282c37;
    padding: 11px 0;
}

.right-conts-left {
    font: 12px/32px "Microsoft Yahei";
    margin-right: 96px;
}

.right-conts-left span {
    color: #4794d8;
    margin-right: 13px;
    font-family: "Arial";
}

.right-conts-left em {
    font-style: normal;
    color: #72747c;
}

.right-conts-left em a {
    color: #72747c;
}

.right-conts-left em a:hover {
    color: #4794d8;
}

.conts-left-margin {
    margin: 0 8px;
}

.right-conts-logo {
    background-position: -190px 0;
    display: inline-block;
    width: 26px;
    height: 32px;
}

/*  */
.title a {
    color: #333333;
}

.title a:hover {
    color: #2267ad;
}

.red-icon {
    border: 0px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Old Firefox */
    background-color: #cd0001;
    color: #ffffff;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    vertical-align: bottom\0;
    padding-bottom: 4px\0;
    /*-webkit-border-radius: 5px;
　　-moz-border-radius: 5px;
　　-ms-border-radius: 5px;
    -o-border-radius: 5px;*/

}

/*.layout-wrapper{
	width: 1200px;
	margin:0px auto;
}*/
/* 要闻 */
.news-room {
    margin-top: 60px;
    height: 370px;
    display: block;
    margin-bottom: 32px;
}

.news-Important {
    /*width: 500px;*/
    width: 510px;
}

.news-emphasis {
    border-bottom: 2px solid #e4e4e4;
    position: relative;
    min-height: 85px;
    font-family: Microsoft YaHei, SimSun, Arial;
}

.news-emphasis h1 span {
    color: #cd0001;
    font-size: 21px;
    display: inline;
}

.news-emphasis h1 i {
    color: #cd0001;
    font-style: normal;
    display: inline;
    padding: 0 8px;
}

.news-emphasis h1 samp a {
    color: #333333;
    font-family: Microsoft YaHei, SimSun, Arial;
}

.news-emphasis h1 samp a:hover {
    color: #2267ad;
}

.news-emphasis h1.news-textone {
    font-size: 29px;
    line-height: 85px;
    height: 85px;
    overflow: hidden;
}

.news-emphasis h1.news-textone span,
.news-emphasis h1.news-textone samp {
    font-size: 28px;
}

.news-emphasis h1.news-texttwo {
    font-size: 21px;
    line-height: 40px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 33px;
    margin-top: -10px;
}

.news-emphasis h1.news-texttwo span,
.news-emphasis h1.news-texttwo samp {
    font-size: 21px;
}

.news-emphasis h1.news-textbig {
    font-size: 28px;
    line-height: 44px;
    height: 88px;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: -8px;
}

.news-emphasis h1.news-textbig span,
.news-emphasis h1.news-textbig samp {
    font-size: 28px;
}

.news-emphasis h1.news-blue samp a {
    color: #333333;
}

.news-emphasis h1.news-blue samp a:hover {
    color: #2267ad;
}

.news-emphasis h1.news-red samp a {
    color: #cd0001;
}

.news-emphasis h1.news-red samp a:hover {
    color: #9a6f3c;
}

.news-emphasis .line {
    width: 71px;
    height: 2px;
    display: inline-block;
    background-color: #cd0001;
    position: absolute;
    left: 0px;
    bottom: -2px;
}

.news-Important .news-list {
    padding-top: 36px;
}

.news-Important .news-list li {
    list-style: 40px;
    height: 40px;
    font-size: 17px;
}

.news-imgCollection {
    width: 681px;
}

.news-imgCollection li {
    width: 207px;
    margin-left: 20px;
    float: left;
}

.news-imgCollection li .news-galleryPic {
    width: 207px;
    height: 116px;
    overflow: hidden;
    position: relative;
}

.icon {
    position: absolute;
    right: -5px;
    top: -5px;
}

.news-imgCollection li p {
    margin-top: 5px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

/* M视频 */
.mvideo-room {
    margin-bottom: 55px;
}

.mvideo-title {
    width: 100%;
    height: 40px;
    display: block;
    margin-bottom: 30px;
}

.mvideo-title span {
    width: 140px;
    height: 40px;
    display: block;
}

.mvideo-title span .mshipin {
    font: bold 28px/1 "Microsoft YaHei";
    color: #000;
    margin-right: 18px;
}

.mvideo-title span img {
    width: 140px;
    height: 40px;
}

.mvideo-title .more {
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    margin-top: 10px;
}

.mvideo-title .more a {
    color: #999999;
}

.mvideo-title .more a:hover {
    color: #2267ad;
}

.mvideo-room .mvideo-con {}

.mvideo-room .mvideo-bigpic {
    width: 519px;
}

.mvideo-room .mvideo-bigpic img {
    width: 519px;
    height: 291px;
}

.mvideo-room .mvideo-bigpic p {
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}

.mvideo-room .mvideo-piclist {
    width: 681px;
    height: 350px;
}

.mvideo-room .mvideo-piclist li {
    width: 207px;
    margin-left: 20px;
    float: left;
    margin-bottom: 10px;
}

.mvideo-room .mvideo-piclist li img {
    width: 207px;
    height: 116px;
}

.mvideo-room .mvideo-piclist li p {
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-top: 5px;
}

/* CCTV6今日热映 */
.general-title {
    height: 30px;
}

.general-title span {
    font-size: 28px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-weight: bold;
}

.general-title .more {
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    /*margin-top: 10px;*/
}

.general-title .more a {
    color: #999999;
}

.general-title .more a:hover {
    color: #2267ad;
}

.cctv6-room {
    margin-bottom: 46px;
}

.roll-table {}

.roll-table .viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 370px;
}

.roll-warper .roll-table .overview {
    position: absolute;
    width: 20000px;
    left: 0;
    top: 0;
    z-index: 1;
}

.clearfix_smile {
    zoom: 1;
}

.roll-warper .roll-table {
    margin-top: 30px;
    position: relative;
    zoom: 1;
}

.roll-warper .roll-table .handle,
.special-room .special-table .handle,
.cyclopedia-box .cyclopedia-table .handle {
    position: absolute;
    top: 105px;
    width: 25px;
    height: 60px;
    z-index: 2;
    background-color: #000000;
    opacity: 0.6;
    display: none;
}

.roll-warper .roll-table a.handle:hover,
.special-room .special-table a.handle:hover,
.cyclopedia-box .cyclopedia-table a.handle:hover {
    position: absolute;
    top: 105px;
    width: 25px;
    height: 60px;
    z-index: 2;
    background-color: #000000;
    opacity: 0.8;
}

.roll-warper .roll-table .handle .icons,
.special-room .special-table .handle .icons,
.cyclopedia-box .cyclopedia-table .handle .icons {
    width: 15px;
    height: 30px;
    cursor: pointer;
    float: left;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: inline;
    background: url(../images/index_iconother.png) no-repeat;

}

.roll-warper .roll-table .handle_prev,
.special-room .special-table .handle_prev,
.cyclopedia-box .cyclopedia-table .handle_prev {
    left: 0px;
    padding: 30px 0px 0px 5px;
}

.roll-warper .roll-table .handle_next,
.special-room .special-table .handle_next,
.cyclopedia-box .cyclopedia-table .handle_next {
    right: 0px;
    padding: 30px 5px 0px 0px;
}

.roll-warper .roll-table .handle_prev .icons,
.special-room .special-table .handle_prev .icons,
.cyclopedia-box .cyclopedia-table .handle_prev .icons {
    background-position: -289px top;
}

.roll-warper .roll-table .handle_next .icons,
.special-room .special-table .handle_next .icons,
.cyclopedia-box .cyclopedia-table .handle_next .icons {
    background-position: -365px top;
    float: right;
}

.roll-warper .roll-table a.handle_prev:hover .icons,
.special-room .special-table a.handle_prev:hover .icons,
.cyclopedia-box .cyclopedia-table a.handle_prev:hover .icons {
    background-position: -322px top;
}

.roll-warper .roll-table a.handle_next:hover .icons,
.special-room .special-table a.handle_next:hover .icons,
.cyclopedia-box .cyclopedia-table a.handle_next:hover .icons {
    background-position: -396px top;
}

.roll-warper .roll-table .scrollbar,
.roll-warper .roll-table .scrollbar .track,
.special-room .special-table .scrollbar,
.special-room .special-table .scrollbar .track,
.cyclopedia-box .cyclopedia-table .scrollbar,
.cyclopedia-box .cyclopedia-table .scrollbar .track {
    width: 100%;
    height: 0px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.roll-warper .roll-table .scrollbar .track,
.special-room .special-table .scrollbar .track,
.cyclopedia-box .cyclopedia-table .scrollbar .track {
    position: relative;
}

.roll-warper .roll-table .scrollbar .thumb,
.special-room .special-table .scrollbar .thumb,
.cyclopedia-box .cyclopedia-table .scrollbar .thumb {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.special-room .special-big a b.mask {
    background: url(../images/custom_mask.png) no-repeat left bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.roll-warper .special-table li a b.mask {
    background: url(../images/custom_mask.png) no-repeat left bottom;
    position: absolute;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.roll-warper .roll-table .list li,
.special-room .special-table .list li {
    float: left;
    width: 224px;
    margin-right: 20px;
    display: inline;
    position: relative;
}

.roll-warper .roll-table .list .img,
.special-room .special-table .list .img,
.mvideo-room .mvideo-bigpic .img,
.mvideo-room .mvideo-piclist li .img {
    display: block;
    vertical-align: top;
    zoom: 1;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.roll-warper .roll-table .list img,
.special-room .special-table .list img {
    width: 224px;
    height: 298px;
    display: block;
    border: 0;
    vertical-align: top;
}

.roll-warper .roll-table .list .img .tag,
.special-room .special-table .list .img .tag {
    position: absolute;
    right: -5px;
    top: -5px;
    border: 0px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #cd0001;
    color: #ffffff;
    font-size: 12px;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    z-index: 1;
    cursor: pointer;
    line-height: 16px;
    vertical-align: bottom\0;
    padding-bottom: 3px\0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

}

/*.roll-warper .roll-table .list .img .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    display: none;
    cursor: pointer;
    _height: 318px;
}*/
.roll-warper .roll-table .list .img .top,
.roll-warper .special-line .list .img .top {
    background: url(../images/index_iconother.png) no-repeat -166px 0;
    background-position: -270px -65px;
    width: 47px;
    height: 45px;
    line-height: 42px;
    font-family: Arial;
    color: #ffffff;
    font-size: 30px;
    padding-left: 11px;
    /*text-indent: 9999px;*/
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.roll-warper .roll-table .list .img .top-1,
.roll-warper .special-line .list .img .top-1 {
    background-position: left -65px;
}

.roll-warper .roll-table .list .img .top-2,
.roll-warper .special-line .list .img .top-2 {
    background-position: -90px -65px;
}

.roll-warper .roll-table .list .img .top-3,
.roll-warper .special-line .list .img .top-3 {
    background-position: -180px -65px;
}

/*.roll-warper .roll-table .list .img .top-4 {
	background-position: -270px -65px;
}
.roll-warper .roll-table .list .img .top-5 {
	background-position: -354px -65px;
}
.roll-warper .roll-table .list .img .top-6 {
	background-position: -443px -65px;
}
.roll-warper .roll-table .list .img .top-7 {
	background-position: left -130px;
}
.roll-warper .roll-table .list .img .top-8 {
	background-position: -90px -130px;
}
.roll-warper .roll-table .list .img .top-9 {
	background-position: -180px -130px;
}*/
.roll-warper .roll-table .list .img .top-10,
.roll-warper .special-line .list .img .top-10 {
    /*background-position: -270px -130px;*/
    width: 55px;
    padding-left: 3px;
}

.roll-warper .roll-table .list a.img .playIcon,
.special-room .special-big .img .playIcon,
.special-room .special-table .img .playIcon,
.news-imgCollection .news-galleryPic a.picHover .playIcon,
.mvideo-room .mvideo-bigpic a.picHover .playIcon,
.mvideo-room .mvideo-piclist a.picHover .playIcon {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    /*margin: -40px 0 0 -40px;*/
    background: url(../images/index_iconother.png) no-repeat -166px 0;
    /*_background: url(../images/icons.gif) no-repeat 0 -173px;*/
    display: block;
    cursor: pointer;
}

.roll-warper .roll-table .list a.img:hover .playIcon,
.special-room .special-big a.img:hover .playIcon,
.special-room .special-table .list a.img:hover .playIcon,
.news-imgCollection .news-galleryPic a.picHover:hover .playIcon,
.mvideo-room .mvideo-bigpic a.picHover:hover .playIcon,
.mvideo-room .mvideo-piclist a.picHover:hover .playIcon {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    /*margin: -40px 0 0 -40px;*/
    background: url(../images/index_iconother.png) no-repeat -206px 0;
    /*_background: url(../images/icons.gif) no-repeat 0 -173px;*/
    display: block;
    cursor: pointer;
}

.roll-warper .roll-table .list .score,
.special-room .special-big .img .score,
.special-room .special-table .img .score,
.cyclopedia-box .cyclopedia-table .img .score {
    font-family: Verdana;
    font-size: 16px;
    color: #ffffff;
    margin: 4px 4px 0 0;
    line-height: 29px;
    display: inline;
    text-shadow: 1px 1px 2px #000;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.roll-warper .roll-table .list .txt,
.special-room .special-table .list .txt {
    margin-top: 13px;
    padding-left: 2px;
    font-size: 12px;
}

.roll-warper .roll-table .list .txt span {
    display: block;
    vertical-align: top;
    overflow: hidden;
    zoom: 1;
    cursor: pointer;
}

.roll-warper .roll-table .list .txt .name {
    height: 29px;
    line-height: 29px;
    font-size: 17px;
    color: #000000;
    font-weight: normal;
}

.roll-warper .roll-table .list .txt .intro {
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    color: #999999;
    font-weight: normal;
}

.roll-warper .roll-table .list .txt a .name {
    color: #000000;
}

.roll-warper .roll-table .list .txt a:hover .name {
    color: #2267ad;
}

.roll-warper .roll-table .list .txt a .intro {
    color: #999999;
}

/* VIP小图标等 */
.roll-warper .roll-table .icon-bg,
.roll-warper .special-line .icon-bg,
.special-room .special-big .icon-bg {
    background: url(../images/index_iconother.png) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 38px;
    height: 21px;
    display: block;
    line-height: 21px;
    text-indent: 9999px;
    overflow: hidden;
}

.roll-warper .roll-table .con-dj,
.roll-warper .special-line .con-dj,
.special-room .special-big .con-dj {
    background-position: 0px -203px;
}

.roll-warper .roll-table .con-vip,
.roll-warper .special-line .con-vip,
.special-room .special-big .con-vip {
    background-position: -90px -203px;
    width: 35px;
}

/* 专题大小图滚动 */
.special-room {
    margin-bottom: 57px;
}

.special-room .special-line {
    width: 1200px;
    margin-top: 30px;
}

.special-room .special-big {
    width: 468px;
    height: 298px;
    float: left;
}

.special-room .special-big .img {
    width: 468px;
    height: 298px;
    display: block;
    position: relative;
}

.special-room .special-big img {
    width: 468px;
    height: 298px;
}

.special-room .special-big a.img .text {
    font-size: 17px;
    color: #ffffff;
    position: absolute;
    left: 50px;
    bottom: 14px;
    line-height: 24px;
    height: 24px;
    width: 360px;
    overflow: hidden;
}

.special-room .special-table {
    width: 712px;
    height: 298px;
    float: right;
    position: relative;
    zoom: 1;
}

.special-room .special-table .list .txt a span {
    display: block;
    vertical-align: top;
    overflow: hidden;
    zoom: 1;
    cursor: pointer;
}

.special-room .special-table .list .txt a .name {
    font-size: 17px;
    color: #ffffff;
    font-weight: normal;
    position: absolute;
    left: 50px;
    bottom: 30px;
    line-height: 24px;
    height: 24px;
    width: 100px;
    overflow: hidden;
}

.special-room .special-table .handle {
    display: none;
}

.special-room .special-table .viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 298px;
}

.special-room .special-table .overview {
    position: absolute;
    width: 20000px;
    left: 0;
    top: 0;
    z-index: 1;
}

/* 电影百科 */
.cyclopedia-room {
    margin-bottom: 57px;
}

.cyclopedia-room .general-title .cyclopedia-con {
    margin-left: 28px;
    font-size: 15px;
    color: #333333;
    font-weight: normal;
}

.cyclopedia-room .general-title .cyclopedia-con b {
    font-size: 15px;
    color: #a17842;
    margin: 0px 4px;
    font-weight: normal;
}

.cyclopedia-room .cyclopedia-content {
    width: 100%;
    height: 1184px;
    margin-top: 30px;
}

/* 电影百科左侧 */
.cyclopedia-room .cyclopedia-box {
    width: 820px;
    float: left;
}

.cyclopedia-box .cyclopedia-table {
    height: 655px;
    position: relative;
    zoom: 1;
}

.cyclopedia-box .cyclopedia-table .handle {
    top: 125px;
}

.cyclopedia-box .cyclopedia-table a.handle:hover {
    top: 125px;
}

.cyclopedia-box .cyclopedia-table .viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 655px;
}

.cyclopedia-box .cyclopedia-table .overview {
    position: absolute;
    width: 20000px;
    left: 0;
    top: 0;
    z-index: 1;
}

.cyclopedia-box .cyclopedia-table li {
    width: 260px;
    float: left;
    margin-right: 20px;
}

.cyclopedia-box .cycfirstline li {
    height: 655px;
}

.cyclopedia-box .cyclopedia-table .img {
    width: 260px;
    height: 346px;
    display: block;
    position: relative;
}

.cyclopedia-box .cyclopedia-table .img img {
    width: 260px;
    height: 346px;
}

.cyclopedia-box .cyclopedia-table .img .icon-bg {
    background: url(../images/index_iconother.png) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 59px;
    height: 21px;
    display: block;
    line-height: 21px;
    text-indent: 9999px;
    overflow: hidden;
}

.cyclopedia-box .cyclopedia-table .img .con-dj {
    background-position: -180px -203px;
}

.cyclopedia-box .cyclopedia-table .cyc-text-outer {}

.cyclopedia-box .cyc-text-outer .cyc-top {
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
    padding: 24px 16px;
    padding-bottom: 10px;
    height: 235px;
}

.cyclopedia-box .cyc-text-outer .txt {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
}

.cyclopedia-box .cyc-text-outer .txt a .name {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    width: 100%;
    display: block;
}

.cyclopedia-box .cyc-text-outer .txt samp {
    font-family: Microsoft YaHei, SimSun, Arial;
    color: #999999;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    height: 22px;
    margin-top: 8px;
    display: block;
}

.cyclopedia-box .cyc-text-outer .txt samp b {
    font-weight: normal;
    margin-right: 10px;
}

.cyclopedia-box .cyc-text-outer .cyc-news {
    font-family: Microsoft YaHei, SimSun, Arial;
    color: #333333;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    width: 100%;
    padding-top: 22px;
}

.cyclopedia-box .cyc-text-outer .cyc-news dt {
    width: 230px;
    margin-right: 0px;
    margin-bottom: 20px;
    height: 50px;
}

.cyclopedia-box .cyc-text-outer .cyc-news a {
    color: #333333;
}

.cyclopedia-box .cyc-text-outer .cyc-news a span,
.cyclopedia-box .cyc-text-outer .cyc-news a b {
    color: #9a6f3c;
    font-weight: normal;
}

.cyclopedia-box .cyc-text-outer .cyc-news a b {
    margin: 0px 8px;
}

.cyclopedia-box .cyc-text-outer .txt a:hover .name,
.cyclopedia-box .cyc-text-outer .cyc-news a:hover {
    color: #2267ad;
}

.cyclopedia-box .cyc-text-outer .cyc-news a:hover span,
.cyclopedia-box .cyc-text-outer .cyc-news a:hover b {
    color: #9a6f3c;
}

.cyclopedia-box .cyc-bottom {
    border: 1px solid #a69073;
    background-color: #b89f80;
    height: 38px;
    line-height: 38px;
    width: 258px;
}

.cyclopedia-box .cyc-bottom span.fl {
    width: 144px;
    height: 38px;
    display: block;
    float: left;
    border-right: 1px solid #a69073;
}

.cyclopedia-box .cyc-bottom span.fl a {
    width: 124px;
    padding: 10px 0px 10px 20px;
    line-height: 18px;
    height: 18px;
    color: #ffffff;
    display: block;
}

.cyclopedia-box .cyc-bottom span.fr {
    width: 113px;
    height: 38px;
    float: right;
    display: block;
}

.cyclopedia-box .cyc-bottom span.fr a {
    width: 93px;
    padding: 10px 0px 10px 20px;
    line-height: 18px;
    color: #ffffff;
    display: block;
    height: 18px;
}

.cyclopedia-box .cyc-bottom span a:hover {
    background-color: #a69073;
}

.cyclopedia-box .cyc-bottom span i {
    display: inline;
    font-style: normal;
    float: left;
}

.cyclopedia-box .cyc-bottom span b {
    float: right;
    margin-right: 20px;
}

.cyclopedia-box .cyclopedia-table .handle {
    display: none;
}

.cyclopedia-box .cyc-movie .click-line {
    background: url(../images/line.png) no-repeat;
    width: 820px;
    height: 25px;
    display: block;
    margin-top: 50px;
}

.cyclopedia-box .cyc-movie li .time {
    font-family: Microsoft YaHei, SimSun, Arial;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 10px;
    padding-top: 1px;
    margin-bottom: 27px;
}

.cyclopedia-box .cyc-movie li .img {
    height: 406px;
    width: 260px;
}

.cyclopedia-box .cyc-movie li .img .title {
    font-family: Microsoft YaHei, SimSun, Arial;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #e4e4e4;
    border-top: 0px;
    height: 59px;
    line-height: 59px;
    padding-left: 16px;
    width: 242px;
}

.cyclopedia-box .cyc-movie li a.img .title {
    color: #333333;
}

.cyclopedia-box .cyc-movie li a:hover .title {
    color: #2267ad;
}

.cyclopedia-box .cyc-movie .handle {
    top: 170px !important;
}

/* 电影百科右侧 */
.cyclopedia-room .office-box {
    width: 360px;
    float: right;
}

.cyclopedia-room .office-box .office-bor {
    border: 1px solid #e4e4e4;
    border-top: 3px solid #9a6f3c;
    width: 358px;
}

.cyclopedia-room .office-box .office-onday {
    background-color: #fbfaf7;
    text-align: center;
    padding-top: 5px;
    /*margin-bottom: 20px;*/
    margin-bottom: 22px;
}

.cyclopedia-room .office-box .office-onday h2 {
    font-family: Microsoft YaHei, SimSun, Arial;
    color: #000000;
    font-size: 28px;
    height: 60px;
    line-height: 60px;
    width: 100%;
}

.cyclopedia-room .office-box .office-onday p.time {
    width: 100%;
    color: #333333;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
}

.cyclopedia-room .office-box .office-onday p.time b {
    color: #e4e4e4;
    margin: 0px 10px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}

.cyclopedia-room .office-box .office-onday p.nub {
    width: 100%;
    color: #9a6f3c;
    font-size: 45px;
    height: 60px;
    line-height: 60px;
    font-family: Microsoft YaHei, SimSun, Arial;
    font-weight: bold;
}

.cyclopedia-room .office-box .office-onday p.nub b {
    color: #9a6f3c;
    font-size: 28px;
    font-weight: normal;
}

.cyclopedia-room .office-box .office-onday p.remark {
    width: 100%;
    color: #999999;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-top: 3px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e4e4e4;
}

.cyclopedia-room .office-box .office-onday .linebox {
    height: 55px;
    display: block;
}

.cyclopedia-room .office-box .office-onday .line01,
.cyclopedia-room .office-box .office-onday .line02 {
    width: 178px;
    border-right: 1px solid #e4e4e4;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #333333;
    font-size: 20px;
    display: block;
    float: left;
    font-weight: bold;
    font-family: Microsoft YaHei;
}

.cyclopedia-room .office-box .office-onday .line01 b,
.cyclopedia-room .office-box .office-onday .line02 b {
    font-size: 18px;
    vertical-align: top;
    font-family: Microsoft YaHei;
}

.cyclopedia-room .office-box .office-onday .line02 {
    border-right: 0px;
}

.cyclopedia-room .office-box .office-top {
    width: 358px;
}

.cyclopedia-room .office-box .office-top h2 {
    color: #000000;
    font-size: 20px;
    font-family: Microsoft YaHei;
    width: 100%;
    line-height: 60px;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.cyclopedia-room .office-box .office-top h4 {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background-color: #fbfaf7;
    color: #999999;
    font-size: 16px;
}

.cyclopedia-room .office-box .office-top .ranknub {
    padding-left: 20px;
    float: left;
    width: 54px;
}

.cyclopedia-room .office-box .office-top .rankname {
    padding-left: 0px;
    float: left;
}

.cyclopedia-room .office-box .office-top .rankcyc {
    width: 90px;
    float: right;
    margin-right: 20px;
    font-size: 14px;
    line-height: 16px;
    padding-top: 9px;
    font-weight: normal;
}

.cyclopedia-room .office-top .movie-top {}

.cyclopedia-room .office-top .movie-top dl {
    width: 100%;
    display: block;
    height: 78px;
    border-top: 1px solid #e4e4e4;

}

.cyclopedia-room .office-top .movie-top .ranknub {
    color: #dbdbdc;
    font-size: 40px;
    height: 78px;
    line-height: 78px;
    font-family: Arial;
    font-weight: normal;
    width: 74px;
    padding-left: 0px;
    font-style: normal;
    text-align: center;
}

.cyclopedia-room .office-top .movie-top .rankname {
    width: 170px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    height: 78px;
    line-height: 78px;
    color: #333333;
}

.cyclopedia-room .office-top .movie-top .rankname a.title {
    color: #333333;
}

.cyclopedia-room .office-top .movie-top .rankname a:hover.title {
    color: #2267ad;
}

.cyclopedia-room .office-top .movie-top .rankname.lines {
    width: 170px;
    font-size: 18px;
    padding-top: 18px;
    font-family: Microsoft YaHei;
    line-height: 22px;
    height: 44px;
}

.cyclopedia-room .office-top .movie-top .rankcyc {
    font-family: Microsoft YaHei;
    padding-top: 17px;
    line-height: 22px;
    font-size: 15px;
    color: #333333;
}

.cyclopedia-room .office-top .movie-top .rankcyc b {
    color: #999999;
    font-weight: normal;
}

.cyclopedia-room .office-top .movie-top .topone {
    color: #ff372f;
    font-size: 50px;
    font-weight: bold;
    font-style: oblique;
}

.cyclopedia-room .office-top .movie-top .toptwo {
    color: #ff7e00;
    font-size: 50px;
    font-weight: bold;
    font-style: oblique;
}

.cyclopedia-room .office-top .movie-top .topthree {
    color: #fda134;
    font-size: 50px;
    font-weight: bold;
    font-style: oblique;
}

.cyclopedia-room .cyclopedia-timeline {
    height: 454px;
}

.adling {
    margin-bottom: 60px;
}

.adling img {
    width: 1200px;
    height: 90px;
}

.nav-bar-menu li a:link,
.nav-bar-menu li a:visited {
    /* padding: 0px 24px; */
    padding: 0px 32px 0px 0px;
}

/*.nav-bar-menu li.movieVideo a:link, 
.nav-bar-menu li.movieVideo a:visited {  
    padding: 0px 24px 0px 10px !important;    
}*/
.nav-bar-menu li.news-and-comment div {
    padding: 0px 32px 0px 0px !important;
}

.nav-bar-menu li.news-and-comment div a:link， .nav-bar-menu li.news-and-comment div a:visited {
    padding: 0px !important;
}

.nav-bar-menu li.exclusive .exclusive-hook {
    padding: 0px 32px 0px 0px !important;
}

.nav-bar-menu li.exclusive .exclusive-content {
    left: -40px !important;
}

.nav-bar-menu li.database a:link,
.nav-bar-menu li.database a:visited {
    padding: 0px 21px 0px 0px !important;
}

.widepage .nav-bar-seach {
    margin-left: 0px;
}

.widepage .nav-bar-seach.animate {
    width: 250px !important;
}

.widepage .bar-seach-plane {
    width: 250px !important;
}

.widepage .nav-bar-user .bar-user-phone,
.bar-user-programme {
    padding-left: 32px !important;
}

.user-phone-plane {
    left: -217px !important;
}

.nav-bar-menu .exclusive-content li a {
    padding: 0px !important;
    text-align: center;
}