@charset "utf-8";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,input,textarep,th,td,p {
    margin:0;
    padding:0
}
body {
    background:#272c34;
    font-family:"华文细黑","微软雅黑","宋体",arial
}
a {
    text-decoration:none;
    font-family:"华文细黑"
}
li {
    list-style:none;
    vertical-align:top
}
img {
    vertical-align:top;
    border:0;
    display:block
}
textarea {
    resize:none;
    overflow:auto
}
input,textarea,select,lable {
    outline:0;
    border:0
}
.fl {
    float:left
}
.clear {
    zoom:1
}
.clear:after {
    content:"";
    display:block;
    clear:both
}
header {
    background:#272c34
}
#navlist {
    height:63px;
    width:1024px;
    border-bottom:2px solid #fa4321;
    position:relative
}
#ice {
    width:125px;
    height:110px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    background:url(../img/bg-img.png) no-repeat -39px -237px
}
#ice a {
    margin-top:30px;
    margin-left:15px;
    display:block;
    width:92px;
    height:56px;
    background:url(../img/bg-img.png) no-repeat -104px -94px
}
#navlist .nav-ul {
    padding-left:125px;
    padding-top:16px;
    float:left;
    z-index:999;
    margin-left:-5px
}
.nav-ul li {
    float:left;
    padding:12px 28px
}
.nav-ul li a {
    color:#fff;
    font-weight:bold;
    font-size:16px
}
.nav-ul li a:focus,.nav-ul li a:hover {
    color:#4c9395
}
#navlist .login {
    float:left;
    padding-top:16px;
    padding-left:40px
}
.login li {
    float:left;
    padding:12px 5px
}
.login li a {
    color:#4c9395;
    font-size:16px
}
.search {
    width:295px;
    height:32px;
    float:right;
    padding-top:20px
}
.search .icon1 {
    float:left;
    padding-right:10px;
    display:block;
    width:30px;
    height:30px
}
.search span a {
    display:block;
    width:30px;
    height:30px;
    background:url(../img/bg-img.png) no-repeat -66px -188px
}
.search .searchTxt {
    width:250px;
    height:30px;
    background:#2e4147;
    color:#829193;
    border-radius:4px;
    text-indent:20px;
    fill:left
}
#imgView {
    width:1024px;
    margin:0 auto
}
#post_view .postLeft img {
    width:400px;
    height:359px
}
.postList {
    height:290px;
    width:624px;
    overflow:hidden
}

#banner {
    position:relative;
    /*width:400px;*/
    height:359px;
    overflow:hidden;
    margin-top: 2px;
}
#banner_list img {
    border:0
}
#banner_bg {
    position:absolute;
    bottom:0;
    background-color:#000;
    height:60px;
    filter:Alpha(Opacity=70);
    opacity:.7;
    z-index:1000;
    cursor:pointer;
    width:400px
}
#banner_info {
    position:absolute;
    bottom:0;
    left:5px;
    height:60px;
    color:#fff;
    z-index:1001;
    cursor:pointer;
    line-height:60px;
    text-indent:10px
}
#banner ul {
    position:absolute;
    list-style-type:none;
    filter:Alpha(Opacity=80);
    opacity:.8;
    z-index:1002;
    margin:0;
    bottom:10px;
    right:10px;
    padding:0
}
#banner ul li {
    width:20px;
    margin:6px 4px;
    height:20px;
    float:left;
    display:block;
    cursor:pointer;
    background:url("../img/bg-img.png") no-repeat -26px -192px;
    text-align:center;
    line-height:20px
}
#banner ul li.on {
    background:url(../img/bg-img.png) no-repeat 0 -192px
}

#post_view {
    width:1024px;
    margin:0 auto;
    height:359px
}

/*swiper*/
.swiper-container{
    height: 359px;
}
.swiper-slide,.swiper-slide img{
    width: 256px!important;
    height: 359px;
    display: inline-block;
}

.swiper-button-prev{
    background-image: url("../img/l.png") !important;
}

.swiper-button-next{
    background-image: url("../img/r.png") !important;
}
.swiper-button-next,.swiper-button-prev{
    width: 60px!important;
    height: 60px!important;
    -webkit-background-size: 60px !important;
    background-size: 60px !important;
    z-index: 1111!important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    pointer-events: visible!important;
}
/*swiper*/
.video,.littlePost {
    float:left;
    position:relative
}
.video img {
    width:424px;
    height:290px
}
.video {
    position:relative
}
.video embed {
    display:none
}
.video .play {
    display:block;
    width:86px;
    height:86px;
    position:absolute;
    left:16px;
    bottom:16px;
    background:url(../img/bg-img.png) no-repeat -235px -135px
}
.video a:hover {
    background:url(../img/bg-img.png) no-repeat 0 -94px
}
.littlePost img {
    width:200px;
    height:290px
}
.grid {
    position:relative;
    clear:both;
    margin:0 auto;
    list-style:none;
    text-align:center
}
.grid figure {
    position:relative;
    float:left;
    overflow:hidden;
    margin:0 -1px;
    width:200px;
    height:290px;
    text-align:center
}
.grid figure figcaption {
    color:#fff;
    text-transform:uppercase;
    position:absolute;
    bottom:0;
    left:0
}
.grid figure figcaption::before,.grid figure figcaption::after {
    pointer-events:none
}
figure.effect-pic img {
    position:relative;
    display:block;
    height:290px;
    -webkit-transition:-webkit-transform 1s;
    transition:transform 1s
}
figure.effect-pic p {
    display:inline-block;
    padding:10px 0;
    opacity:.7;
    color:#fff;
    text-transform:none;
    font-weight:500;
    font-size:16px;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(-360px,0,0);
    transform:translate3d(-360px,0,0)
}
figure.effect-pic:hover img {
    -webkit-transform:scale3d(1.1,1.1,1);
    transform:scale3d(1.1,1.1,1)
}
figure.effect-pic:hover p {
    background:#000;
    width:200px;
    opacity:.7;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.cirActive {
    background:url(../img/bg-img.png) no-repeat 0 -192px
}
.cirActive1 {
    background:url(../img/bg-img.png) no-repeat -26px -192px
}
.saturate img {
    filter:saturate(200%);
    -webkit-filter:saturate(200%);
    -moz-filter:saturate(200%);
    -o-filter:saturate(200%);
    -ms-filter:saturate(200%)
}
.video1 mark,.video2 mark {
    display:none;
    height:24px;
    width:50px;
    font-size:16px;
    text-align:center;
    line-height:24px;
    position:absolute;
    left:0;
    top:6px;
    cursor:pointer;
    background:#333;
    opacity:.7;
    color:#fff
}
#advertisement {
    height:150px;
    display:none
}
#main {
    padding-top:30px;
    width:1024px;
    margin:0 auto;
    background:#fff
}
#containerLeft,#containerRight {
    float:left
}
#containerLeft {
    padding-right:20px;
    padding-left:6px
}
.head-title {
    background:#fa4321;
    height:24px;
    margin-bottom:18px;
    position:relative;
}

.head-title .more{
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
}

#movie .head-title,#drama .head-title {
    background:#4c9395
}

#documentary .head-title{
    background:#fa4321 ;
}
.head-title span {
    background:#272c34;
    display:block;
    margin-right:12px;
    font-size:14px;
    color:#fff;
    line-height:24px;
    text-indent:8px
}
.listseries {
    padding-bottom:40px
}
.list {
    padding-bottom:10px;
    margin:0 auto
}
.list li {
    float:left;
    width:150px;
    margin:5px 16px
}
.list .post {
    position:relative;
    width:150px;
    height:218px
}
.list li .post {
    margin-right:18px
}
.list li .post img {
    width:150px;
    height:218px
}
.list h4 {
    line-height:27px;
    color:#333;
    text-align:center;
    font-size:14px
}
.list h4 a {
    color:#333;
    font-weight:bold
}
.list p {
    line-height:14px;
    height:14px;
    font-size:12px;
    font-weight: lighter;
    color:#333;
    text-align:center;
    padding-top:8px
}
.list .name {
    position:absolute;
    width:150px;
    height:50px;
    padding-bottom:10px;
    left:-5px;
    bottom:0;
    z-index:3
}
.list .txtbg {
    position:absolute;
    left:0;
    bottom:0;
    width:150px;
    height:40px;
    background:url(../img/bg-img.png) no-repeat 0 -440px
}
.name h4,.name p {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-align:left;
    color:#fff;
    text-indent:12px
}
.name h4 a {
    color:#fff
}
.name h4 {
    background:url(../img/bg-img.png) no-repeat 0 0
}
#containerRight {
    width:236px;
    background:#f1f1f1;
    padding:8px 15px
}
#containerRight .idCode,#containerRight .ad1 {
    width:230px;
    height:90px;
    padding: 5px;
    border:1px solid #4c9395;
    margin-bottom:18px;
    background:#fff;
    /*margin-top:30px*/
}
#containerRight .rankList {
    width:236px;
    padding-top:30px;
    margin-bottom:40px
}
#containerRight .rankTitle li {
    float:left;
    height:24px;
    line-height:24px;
    text-indent:8px;
    width:118px
}
#containerRight .rankTitle li a {
    color:#333
}
.active {
    background:#fff
}
.CodeIce {
    float:left;
}
.CodeIce img {
    width:90px;
    height:90px;
    margin-left: 10px;
    background: #ffffff;
}
.idCode .codeintro {
    color:#4c9395;
    float:left;
    font-size:14px;
    padding-top:12px;
    padding-left:30px
}
.icelogo {
    float:left;
    width:58px;
    height:58px;
    margin-top:35px;
    margin-left:10px;
    background:url(../img/bg-img.png) no-repeat -140px -170px
}
#containerRight .dramaList,#containerRight .movieList {
    background:#fff;
    padding-top:14px
}
#containerRight .rankTitle li {
    cursor:pointer
}
#containerRight .dramaList li,#containerRight .movieList li {
    border-bottom:1px solid #f1f1f1;
    line-height:32px;
    height:32px;
    text-indent:16px
}
#containerRight .dramaList li a,#containerRight .movieList li a {
    color:#333;
    font-size:14px
}
#containerRight .dramaList li a:hover,#containerRight .movieList li a:hover {
    color:#4c9395
}
#containerRight .dramaList .bgActive1,#containerRight .movieList .bgActive1 {
    background:url(../img/bg-img.png) no-repeat 0 -28px
}
#containerRight .dramaList .bgActive2,#containerRight .movieList .bgActive2 {
    background:url(../img/bg-img.png) no-repeat 0 -60px
}
#containerRight .tag span {
    float:left;
    background:#272c34
}
#containerRight .tag .color1 {
    background:#2e4147
}
#containerRight .tag .color2 {
    background:#4c9395
}
#containerRight .tag span {
    display:inline-block;
    height:24px;
    line-height:24px;
    padding:0 13px 0 5px;
    margin:1px;
    font-size:12px
}
#containerRight .tag a {
    color:#fff;
    font-size:12px
}
#foot {
    width:1024px;
    margin:0 auto;
    border-top:16px solid #fa4321;
    background:#272c34
}
#foot .footLink p {
    text-align:center
}
#foot .footLink a {
    color:#fff;
}
#foot .footLink div {
    color:#fff;
    font-size:14px
}
.friendly_link a {
    height:26px;
    font-size:12px;
    text-align:left;
    line-height:26px;
    color:#4c9395
}