/*位置导航*/





/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

strong {
    font-weight: 700;
}

input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

input, button, textarea, select {
    *font-size: 100%;
}

body {
    line-height: 1.5;
}

ol, ul {
    list-style: none;
}

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

caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

:link, :visited, ins {
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}

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

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

body .fn-clear {
    *zoom: 1;
    *clear: both;
}

body .fn-hide {
    display: none;
}

.fn-left, .fn-right {
    display: inline;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

.f14 {
    font-size: 16px;
}

.acolor {
    color: #f60;
    text-decoration: none;
}



a {
    text-decoration: none;
    color: #333;
}

    a.color {
        color: #f60;
    }

    a:hover {
        text-decoration: underline;
        color: #f60;
    }


.hide-self,
.hide-txt a,
.new-tip,
.ui-icon,
span.new {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    -webkit-text-size-adjust: none;
    background-repeat: no-repeat;
}

.ui-icon {
    background-image: url(../images/ui-icon.gif?v2456);
}

.new-tip {
    width: 33px;
    height: 14px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    background: url(../images/new-tip.gif) 0 0 no-repeat;
}

span.new {
    width: 22px;
    height: 12px;
    position: absolute;
    background: url(../images/new.gif) 0 0 no-repeat;
}
/* ui-iframe */
.ui-iframe {
    width: 100%;
    height: 100%;
    z-index: -3;
    position: absolute;
    background: transparent;
    background-color: transparent;
}

.layout {
    width: 1212px;
    margin: 0 auto;
}


.mainwrapper {
    position: relative;
    /*display: flex;*/
    flex-direction: row;
    width: 1212px;
    margin: 10px auto 20px auto;
    background-color: var(--bgForeColor);
    border-radius: 2px;
    box-shadow: 0px 0px 3px 3px var(--shadowColor);
    min-height: 200px;
    height: 100%;
    clear: both;
     
}

    .mainwrapper .section {
        width: 835px;
        float: left;
        /*box-shadow: 0px 0px 3px 3px var(--shadowColor);*/
    }



        .mainwrapper .section .hd {
            background: url(../img/module_hd.png) repeat-x 0 22px;
            border: none;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            margin: 20px 20px 0px 20px;
            border-bottom: dotted 1px #CCC;
        }

            .mainwrapper .section .hd h3 {
                float: none;
                color: #222;
                margin-left: 0;
                display: inline;
                padding: 0 10px;
                border-left: 4px solid var(--bgHeaderColor);
                position: relative;
                background: #ffffff;
                font-weight: 500;
                font-size: 18px;
            }

                .mainwrapper .section .hd h3 a {
                    font-size: 18px;
                    color: #222;
                }

                    .mainwrapper .section .hd h3 a:hover {
                        color: #7CB900;
                    }




.tv-nav {
    margin: 0px auto 5px auto;
    width: 1212px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 4px 0;
    margin-top: 5px;
    border-bottom: 1px solid #f2f0f0;
    background-color: #fff;
    border-radius: 2px;
}

.crumbs li.home {
    background: none;
    padding-left: 13px;
}

.crumbs li {
    float: left;
    font-size: 14px;
    padding: 0 10px 0 18px;
    background: url(../images/bread-crumbs.gif) 0 center no-repeat;
}

    .crumbs li a {
        margin: 0 5px;
    }

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



/* subnav */
#subnav {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fcfcfc;
}

    #subnav em {
        font-family: simsun;
        margin: 0 6px;
        color: #999;
        font-size: 12px;
    }

    #subnav strong {
        color: #390;
    }

        #subnav strong.movie {
            color: #06c;
        }

        #subnav strong.star {
            color: #ab7901;
        }


#topgg {
    padding: 20px 0 0 0;
    width: 468px;
    height: 60px;
    float: right;
}

/* searchbar */
#searchbar {
    width: 270px;
    margin-top: 25px;
    float: left;
}
/* ui-search */
.ui-search {
    width: 266px;
    height: 30px;
    overflow: hidden;
    float: right;
    border: 2px solid #2ea09d;
    background-color: #fff;
    border-radius: 4px;
}

.search-input {
    width: 230px;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    color: #666;
    text-indent: 9px;
    border: 0;
    background-color: transparent;
}

.search-button {
    width: 30px;
    float: right;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    background: url(../images/search.gif) center 5px no-repeat #fff;
}


/* autocomplete */
.acInput {
    width: 230px;
}

.acResults {
    width: 262px;
    padding: 3px;
    margin: 1px 0 0 -2px;
    border: 1px solid #259e33;
    background-color: #fff;
    overflow: hidden;
    z-index: 9;
}

    .acResults ul li {
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        display: block;
        font-size: 12px;
        overflow: hidden;
        border-bottom: 1px dotted #dfdfdf;
    }

        .acResults ul li strong {
            color: #f30;
            font-weight: 700;
        }

        .acResults ul li a {
            display: block;
            padding: 0 8px;
        }

            .acResults ul li a:hover {
                color: #333;
                text-decoration: none;
            }

.acLoading {
    background: url('indicator.gif') right center no-repeat;
}

.acSelect {
    background-color: #f5f5f5;
}

/* hotkeys */
.hotkeys {
    width: 280px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

    .hotkeys a {
        margin-right: 5px;
    }


/* ui-sponsor */
.ui-sponsor {
    overflow: hidden;
    margin: 3px 0 -7px 0;
    background: url(../images/sponsor-icon.gif) right center no-repeat #eeeaeb;
}

    .ui-sponsor img {
        display: block;
    }

.sponsor-bottom iframe {
    float: left;
    margin: 20px 25px 0 0;
}

.sponsor-bottom .fuck iframe {
    float: none;
    margin: 0;
}

/* sohu-sponsor */
#sohu-sponsor {
    text-align: center;
}

/* ui-sponsor250 */
.ui-sponsor250 {
    width: 250px;
    overflow: hidden;
    margin: 3px;
}




/* ui-box */
.ui-box {
    margin-top: 10px;
    /*border: 1px solid #ddd;*/
    background-color: #fff;
    clear: both;
}

/* ui-qire */
.ui-qire {
    
    background-color: #fcfcfc;
}

/* qire-bar */
.qire-bar {
    width: 343px;
    float: right;
    border-right: 1px solid #eee;
    background-color: #fcfcfc;
}
    /* ui-title */
    .qire-bar .ui-title {
        height: 55px;
        position: relative;
        border-bottom: 1px solid #eee;
    }

        .qire-bar .ui-title .ui-icon {
            width: 32px;
            height: 38px;
            position: absolute;
            left: -32px;
            top: -3px;
            background-image: url(../images/qire-index.gif);
            display: none;
        }

        .qire-bar .ui-title .view-all {
            position: absolute;
            top: 18px;
            right: 10px;
            z-index: 3;
            color: #f60;
        }

        .qire-bar .ui-title h2 {
            height: 30px;
            padding: 12px 0 0 15px;
        }

            .qire-bar .ui-title h2 a {
                height: 30px;
                width: 190px;
                background-image: url(../images/qire-index.gif);
            }

#qire-tv {
    border-top-color: #390;
}

    #qire-tv .qire-bar .ui-title .title-icon {
        background-position: 0 0;
    }

    #qire-tv .qire-bar .ui-title h2 a {
        width: 180px;
        background-position: -32px 0;
    }

#qire-movie {
    border-top-color: #1f87cb;
}

    #qire-movie .qire-bar .ui-title .title-icon {
        background-position: 0 -40px;
    }

    #qire-movie .qire-bar .ui-title h2 a {
        width: 145px;
        background-position: -32px -40px;
    }

#qire-cartoon {
    border-top-color: #ab7800;
}

    #qire-cartoon .qire-bar .ui-title .title-icon {
        background-position: 0 -80px;
    }

    #qire-cartoon .qire-bar .ui-title h2 a {
        background-position: -32px -80px;
    }

#qire-fun {
    border-top-color: #8400c1;
}

    #qire-fun .qire-bar .ui-title .title-icon {
        background-position: 0 -120px;
    }

    #qire-fun .qire-bar .ui-title h2 a {
        width: 180px;
        background-position: -32px -120px;
    }

#qire-wei {
    border-top-color: #f53254;
}

    #qire-wei .qire-bar .ui-title .title-icon {
        background-position: 0 -160px;
    }

    #qire-wei .qire-bar .ui-title h2 a {
        width: 175px;
        background-position: -32px -160px;
    }

/* ui-sort */
.ui-sort {
    width: 228px;
    overflow: hidden;
    padding: 3px 0 5px 15px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.sort-item {
    width: 213px;
    padding: 6px 0 4px 0;
    overflow: hidden;
}

.sort-type {
    height: 78px;
    border-bottom: 1px dotted #ddd;
}

.sort-list {
    width: 220px;
}

    .sort-list li {
        width: 55px;
        float: left;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        overflow: hidden;
    }

#qire-tv .sort-type {
    height: 52px;
}

    #qire-tv .sort-type a {
        color: #f60;
    }

#qire-tv .sort-star {
    height: 78px;
}

#qire-movie .sort-type {
    height: 104px;
}

#qire-fun .sort-list {
    padding-bottom: 1px;
}

    #qire-fun .sort-list li {
        width: 110px;
        height: 28px;
        line-height: 28px;
    }

/* ui-ranking */
.ui-ranking {
    width: 313px;
    padding: 0 15px;
    overflow: hidden
}

#list-focus .ui-ranking,
#channel-box .ui-ranking {
    
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.ui-ranking h3 {
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    color: #333;
}
/* ranking-list */
.ranking-list {
}

    .ranking-list li {
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        border-top: 1px dotted #ddd;
    }

    .ranking-list span {
        float: right;
        color: #999;
        font-size: 11px;
    }

    .ranking-list em {
        color: #666;
        margin-right: 7px;
        font-style: italic;
        font-weight: 700;
    }

    .ranking-list span.score {
        color: #f60;
        font-size: 12px;
    }

    .ranking-list em.stress {
        color: #f30;
    }


/* qire-box */
.qire-box {
    
    float: left;
    margin-left: -1px;
    border-left: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
}
/* qire-commend */
.qire-commend {
}

.focus-list {
    width: 756px;
    height: 216px;
    overflow: hidden;
}

    .focus-list li {
        width: 361px;
        height: 199px;
        padding: 16px 0 0 16px;
    }

    .focus-list .play-img,
    .focus-list .play-img img {
        width: 130px;
        height: 175px;
    }

    .focus-list .play-img {
        float: left;
        margin: 0 10px 0 0;
    }

    .focus-list .play-txt {
        width: 193px;
        height: 180px;
        overflow: hidden;
        float: right;
        padding-right: 20px;
    }

    .focus-list li h5 {
        font-weight: 700;
    }

    .focus-list li h5,
    .focus-list li p {
        width: 100%;
        color: #666;
        line-height: 20px;
        height: 20px;
    }

        .focus-list li p.nums {
            color: #f60;
            font-weight: 700;
        }

        .focus-list li p.desc {
            height: 60px;
            line-height: 20px;
            padding: 5px 0;
            margin-bottom: 5px;
            border-bottom: 1px dotted #ddd;
        }

    /* item */
    .focus-list .item {
        width: 100%;
        overflow: hidden;
        line-height: 20px;
    }

        .focus-list .item dt {
            float: left;
            width: 36px;
            overflow: hidden;
        }

        .focus-list .item dd {
            float: right;
            width: 157px;
            overflow: hidden;
        }

            .focus-list .item dd a {
                margin: 0 7px 0 0;
            }

/* qire-random */
.qire-random {
    width: 754px;
    height: 472px;
    overflow: hidden;
}

#qire-wei .qire-random {
    height: 235px;
}

/* qire-assist */
.qire-assist {
    width: 714px;
    overflow: hidden;
    padding: 20px;
}
/* assist-tab-nav */
.assist-tab-nav {
    width: 80px;
    float: left;
    padding-bottom: 3px;
    position: relative;
}

    .assist-tab-nav li {
        width: 78px;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        text-align: center;
        color: #333;
        cursor: default;
        margin-bottom: -1px;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
    }

@-moz-document url-prefix() {
    .assist-tab-nav li {
        line-height: 26px;
    }
}

.assist-tab-nav li.current {
    color: #f60;
    font-weight: 700;
    position: relative;
    border-right-color: #fff;
    background-color: #fff;
    box-shadow: 0 2px 0 rgba(0,0,0,0.04);
}

/* assist-tab-box */
.assist-tab-box {
    width: 633px;
    height: 93px;
    line-height: 20px;
    float: right;
    overflow: hidden;
    margin-left: -1px;
    border: 1px solid #eee;
}
/* synch-list */
.synch-list {
    width: 636px;
    height: 93px;
    overflow: hidden;
}

    .synch-list li {
        width: 140px;
        height: 93px;
        overflow: hidden;
        float: left;
        color: #999;
        padding: 0 8px 0 10px;
        border-right: 1px solid #eee;
    }

    .synch-list p {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

        .synch-list p a {
            margin-right: 2px;
        }

    .synch-list h5 {
        height: 16px;
        line-height: 16px;
        overflow: hidden;
        font-size: 14px;
        padding: 8px 0 5px 0;
    }

        .synch-list h5 img {
            display: block;
            width: 16px;
            height: 16px;
            float: left;
            margin-right: 6px;
        }

/* assist-list */
.assist-list {
    width: 636px;
    height: 93px;
    overflow: hidden;
}

    .assist-list li {
        width: 127px;
        height: 41px;
        line-height: 18px;
        overflow: hidden;
        float: left;
        padding: 5px 8px 0 23px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        background: url(../images/assist-icon.gif) 8px 8px no-repeat;
    }

#qire-movie .assist-list li {
    background-position: 8px -32px;
}


/* qire-forecast */
.qire-forecast {
    width: 714px;
    overflow: hidden;
    padding: 20px;
}
/* forecast-tab-nav */
.forecast-tab-nav {
    width: 714px;
    overflow: hidden;
    position: relative;
}

    .forecast-tab-nav li {
        width: 80px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        text-align: center;
        color: #333;
        cursor: default;
        float: left;
        font-size: 14px;
        margin-right: -1px;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
    }

        .forecast-tab-nav li.title {
            width: 130px;
            padding: 0 0 0 15px;
            text-align: left;
            font-size: 12px;
            font-weight: 700;
            color: #222;
        }

        .forecast-tab-nav li.current {
            color: #f60;
            font-weight: 700;
            position: relative;
            border-bottom-color: #fff;
            background-color: #fff;
            box-shadow: 2px 0 0 rgba(0,0,0,0.04);
        }

/* forecast-tab-box */
.forecast-tab-box {
    width: 712px;
    height: 66px;
    float: right;
    overflow: hidden;
    margin-top: -1px;
    border: 1px solid #eee;
}
/* forecast-list */
.forecast-list {
    width: 712px;
    height: 60px;
    margin: 3px 0;
    overflow: hidden;
}

    .forecast-list li {
        width: 178px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        float: left;
        text-indent: 25px;
        background: url(../images/assist-icon.gif) 8px -76px no-repeat;
    }

#qire-fun .forecast-list {
    width: 716px;
    margin: 1px 0 0 0;
    height: 65px;
}

    #qire-fun .forecast-list li {
        height: 32px;
        line-height: 32px;
        text-indent: 27px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        background-position: 10px -111px;
    }




/* directory-item */
.directory-item {
    width: 998px;
    overflow: hidden;
    margin-top: 10px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}
/* directory-list */
.directory-list {
    width: 1010px;
    overflow: hidden;
}

    .directory-list li {
        float: left;
        overflow: hidden;
    }

    .directory-list dl {
        width: 218px;
        margin: 12px 0 15px 0;
        overflow: hidden;
        padding: 0 10px 0 20px;
        border-right: 1px solid #eee;
    }

        .directory-list dl.movie {
            width: 192px;
        }

        .directory-list dl.cartoon {
            width: 144px;
        }

        .directory-list dl.fun {
            width: 184px;
        }

        .directory-list dl.wei {
            width: 110px;
        }

    .directory-list dt {
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        font-size: 14px;
        font-weight: 700;
    }

    .directory-list dd {
        line-height: 22px;
        margin-right: 12px;
        float: left;
    }

        .directory-list dd a {
            white-space: nowrap;
            float: left;
        }

/* directory-focus */
#directory-focus {
    overflow: hidden;
    border-width: 1px;
}

    #directory-focus .directory-item {
        border: 0;
        margin: 0;
        border-bottom: 1px solid #eee;
    }

/* directory-search */
.directory-search {
    width: 980px;
    height: 34px;
    overflow: hidden;
    padding: 9px;
}

    .directory-search .ui-search {
        float: left;
    }

    .directory-search .hotkeys {
        width: 495px;
        padding-top: 2px;
        overflow: hidden;
        float: right;
    }

/* tv-directory */
#tv-directory .directory-list dl {
    width: 285px;
}

    #tv-directory .directory-list dl dd,
    #movie-directory .directory-list dl dd,
    #fun-directory .directory-list dl dd,
    #cartoon-directory .directory-list dl dd {
        font-size: 14px;
        line-height: 24px;
    }

    #tv-directory .directory-list dl.area {
        width: 123px;
    }

    #tv-directory .directory-list dl.year {
        width: 135px;
    }

    #tv-directory .directory-list dl.star {
        width: 332px;
    }

/* movie-directory */
#movie-directory .directory-list dl {
    width: 220px;
}

    #movie-directory .directory-list dl.area {
        width: 205px;
    }

    #movie-directory .directory-list dl.year {
        width: 138px;
    }

    #movie-directory .directory-list dl.star {
        width: 310px;
    }

/* fun-directory */
#fun-directory .directory-list dl {
    width: 310px;
}

    #fun-directory .directory-list dl.area {
        width: 160px;
    }

    #fun-directory .directory-list dl.year {
        width: 135px;
    }

    #fun-directory .directory-list dl.program {
        width: 280px;
    }

/* cartoon-directory */
#cartoon-directory .directory-list dl {
    width: 200px;
}

    #cartoon-directory .directory-list dl.area {
        width: 160px;
    }

    #cartoon-directory .directory-list dl.year {
        width: 175px;
    }

    #cartoon-directory .directory-list dl.program {
        width: 350px;
    }


/* star-collection */
#star-collection {
    border-top: 1px solid #ddd;
}

    #star-collection h3 {
        height: 35px;
        line-height: 33px;
        overflow: hidden;
        font-weight: 700;
        font-size: 14px;
        padding: 0 10px;
        color: #333;
        border-bottom: 1px solid #eee;
        background-color: #f5f5f5;
    }

        #star-collection h3 span {
            float: right;
        }

    #star-collection .txt-list {
        margin: 0 10px;
        height: 65px;
    }

        #star-collection .txt-list li {
            width: 122px;
            margin: 0
        }


.newsfine {
}

    .newsfine .txt-list3 {
        margin: 0 10px;
        height: 65px;
    }

        .newsfine .txt-list3 li {
            width: 322px;
            margin: 0
        }



/* links-focus */
#links-focus {
    margin-top: 10px;
    line-height: 22px;
    overflow: hidden;
}
    /* ui-title */
    #links-focus .ui-title {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

        #links-focus .ui-title h2 {
            font-weight: 700;
            color: #333;
            font-size: 14px;
        }

        #links-focus .ui-title span {
            float: right;
        }

/* ul-link */
.ul-link {
    margin: 5px 0;
    overflow: hidden;
}

    .ul-link li {
        width: 80px;
        height: 22px;
        overflow: hidden;
        float: left;
    }

        .ul-link li a {
            color: #999;
        }

            .ul-link li a:hover {
                color: #333;
            }

/* footer */
.footer {
    /*border-top: 2px solid #802e20;*/
    margin-top: 20px;
    padding-top: 20px;
    background: #ececec;
    line-height: 24px;
    text-align: center;
    padding-bottom: 30px;
}

.foot-nav {
    color: #333;
    height: 24px;
    overflow: hidden;
    margin: 15px 0 10px 0;
}

    .foot-nav a {
        margin: 0 10px;
    }

/* foot-weibo */
.foot-weibo {
    margin: 0 auto;
    width: 165px;
    margin-top: 10px;
    padding-left: 8px;
}




/* img-list */
.img-list {
    margin-right: -1px;
    overflow: hidden;
}

    .img-list li {
        width: 150px;
        height: 235px;
        overflow: hidden;
        float: left;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

        .img-list li:hover {
            background-color: #fcfcfc;
        }

    .img-list h5 {
        width: 110px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 4px;
        font-size: 14px;
    }

    .img-list li p {
        width: 110px;
        height: 22px;
        line-height: 22px;
        color: #999;
        overflow: hidden;
        margin: 0 auto;
        font-size: 12px;
    }

        .img-list li p.time {
            text-indent: 18px;
            background: url(../images/clock.gif) 0 4px no-repeat;
        }

        .img-list li p.star {
            text-indent: 18px;
            background: url(../images/mx.png) 0 4px no-repeat;
        }

            .img-list li p.star a {
                color: #666;
            }

        .img-list li p.shuxing {
            text-indent: 18px;
            background: url(../images/sx.png) 0 4px no-repeat;
        }

            .img-list li p.shuxing a {
                color: #666;
            }

/* play-img */
.play-img {
    width: 110px;
    height: 150px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 16px;
    padding: 3px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
}

    .play-img:hover {
        color: #fff;
        text-decoration: none;
        border-color: #259e33;
        box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    }

    .play-img img {
        width: 110px;
        height: 150px;
        display: block;
        overflow: hidden;
        background: url(../images/lazyload.gif) no-repeat scroll center center transparent;
    }

    .play-img .mask {
        width: 110px;
        height: 20px;
        display: block;
        overflow: hidden;
        background-color: #000;
        position: absolute;
        left: 3px;
        bottom: 3px;
        filter: alpha(opacity=30);
        opacity: 0.3;
        z-index: 1;
    }

    .play-img .text {
        width: 100px;
        height: 20px;
        line-height: 20px;
        display: block;
        overflow: hidden;
        font-size: 12px;
        position: absolute;
        left: 3px;
        bottom: 3px;
        padding: 0 5px;
        text-align: right;
        z-index: 2;
        color: #fff;
        white-space: nowrap;
    }

    .play-img .score {
        display: block;
        width: 30px;
        height: 18px;
        font-size: 12px;
        line-height: 16px;
        padding-right: 5px;
        text-align: center;
        overflow: hidden;
        color: #fff;
        position: absolute;
        left: 0;
        top: 8px;
        z-index: 3;
        font-weight: 700;
        -webkit-text-size-adjust: none;
        background: url(../images/ui-icon.gif) 0 -155px no-repeat;
    }


/* img-list */
.img-list2 {
    margin-right: -1px;
    overflow: hidden;
}

    .img-list2 li {
        padding-top: 0;
        width: 191px;
        height: 140px;
        overflow: hidden;
        float: left;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-right:3px;
    }

        .img-list2 li:hover {
            background-color: #fcfcfc;
        }

    .img-list2 h5 {
        width: 190px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 9px;
        font-size: 14px;
        text-align: center;
    }

    .img-list2 li p {
        width: 110px;
        height: 22px;
        line-height: 22px;
        color: #999;
        overflow: hidden;
        margin: 0 auto;
        font-size: 12px;
    }

        .img-list2 li p.time {
            text-indent: 18px;
            background: url(../images/clock.gif) 0 4px no-repeat;
        }

/* play-img2 */
.play-img2 {
    width: 180px;
    height: 100px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5px;
    padding: 3px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
    float: left;
    border: 1px solid #76a57c;
    padding: 0 0;
    text-align: center;
    width: 180px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    background: #000;
    behavior: url(/PIE.htc);
}

    .play-img2:hover {
        color: #fff;
        text-decoration: none;
        border-color: #259e33;
        box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    }

    .play-img2 img {
        width: 100%;
        display: block;
        overflow: hidden;
        background: url(../images/lazyload.gif) no-repeat scroll center center transparent;
        max-width: 300px;
        _width: expression(this.width > 180 ? "180px" : this.width);
    }



    .play-img2 .mask {
        width: 110px;
        height: 20px;
        display: block;
        overflow: hidden;
        background-color: #000;
        position: absolute;
        left: 3px;
        bottom: 3px;
        filter: alpha(opacity=30);
        opacity: 0.3;
        z-index: 1;
    }

    .play-img2 .text {
        width: 100px;
        height: 20px;
        line-height: 20px;
        display: block;
        overflow: hidden;
        font-size: 12px;
        position: absolute;
        left: 3px;
        bottom: 3px;
        padding: 0 5px;
        text-align: right;
        z-index: 2;
        color: #fff;
        white-space: nowrap;
    }

    .play-img2 .score {
        display: block;
        width: 30px;
        height: 18px;
        line-height: 16px;
        padding-right: 5px;
        text-align: center;
        overflow: hidden;
        color: #fff;
        position: absolute;
        left: 0;
        top: 8px;
        z-index: 3;
        font-weight: 700;
        -webkit-text-size-adjust: none;
        background: url(../images/ui-icon.gif) 0 -155px no-repeat;
    }


/* sub-list */
.sub-list {
    width: 741px;
    padding: 8px 0;
    overflow: hidden;
}

    .sub-list li {
        width: 143px;
        overflow: hidden;
        float: left;
        height: 26px;
        line-height: 24px;
        text-indent: 32px;
        margin-right: 5px;
        background: url(../images/v4.gif) 14px 6px no-repeat;
    }

/* sub-list */
.sub-list2 {
    width: 741px;
    padding: 8px 0;
    overflow: hidden;
}

    .sub-list2 li {
        width: 143px;
        overflow: hidden;
        float: left;
        height: 26px;
        line-height: 24px;
        text-indent: 32px;
        margin-right: 5px;
        background: url(../images/mx.png) 14px 6px no-repeat;
    }


/* txt-list */
.txt-list {
    overflow: hidden;
    margin: 5px 11px;
}

    .txt-list li {
        width: 232px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        float: left;
        margin-right: 15px;
        font-size: 14px;
        color: #aaa;
        border-bottom: 1px dotted #e0e0e0;
    }

.txt-list-small li {
    width: 180px;
}

.txt-list li a {
    margin: 0 4px;
}

    .txt-list li span,
    .txt-list li a.gray {
        color: #666;
    }

.txt-list li span {
    font-size: 12px;
    margin: 0 4px;
}

.txt-list3 {
    overflow: hidden;
    margin: 5px 11px;
}

    .txt-list3 li {
        width: 32%;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        float: left;
        margin-right: 15px;
        font-size: 14px;
        color: #aaa;
        border-bottom: 1px dotted #e0e0e0;
    }

.txt-list-small3 li {
    width: 180px;
}

.txt-list3 li a {
    margin: 0 4px;
}

    .txt-list3 li span,
    .txt-list3 li a.gray {
        color: #666;
    }

.txt-list3 li span {
    font-size: 12px;
    margin: 0 4px;
}



.mx-list {
    width: 741px;
    padding: 8px 0;
    overflow: hidden;
}

    .mx-list li {
        width: 85px;
        overflow: hidden;
        float: left;
        height: 24px;
        line-height: 24px;
        text-indent: 32px;
        margin-right: 5px;
        background: url(../images/star.png) 14px 6px no-repeat;
    }



/* bread-crumb-nav 列表页*/
.bread-crumb-nav {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 4px 0;
    margin-top: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 2px;
}
/* bread-crumbs */
.bread-crumbs li {
    float: left;
    font-size: 14px;
    padding: 0 10px 0 18px;
    background: url(../images/bread-crumbs.gif) 0 center no-repeat;
}

    .bread-crumbs li.home {
        background: none;
        padding-left: 13px;
    }

    .bread-crumbs li a {
        margin: 0 5px;
    }

.bread-share {
    height: 24px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 3px;
}

/* bread-crumb-nav-play */
.bread-crumb-nav-play {
    margin: 0;
    border: 0 none;
}

    .bread-crumb-nav-play li.home {
        padding-left: 0;
    }

        .bread-crumb-nav-play li.home a {
            margin-left: 0;
        }

    .bread-crumb-nav-play .fn-right {
        *width: 162px;
        overflow: hidden;
    }

/* filter-focus */
.filter-focus {
    width: 1180px;
    padding: 0 14px;
    overflow: hidden;
}
    /* ui-title */
    .filter-focus .ui-title {
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        padding: 5px 0 7px 0;
        border-bottom: 1px dotted #ddd;
    }

        .filter-focus .ui-title h3 {
            color: #f60;
            font-weight: 700;
            float: left;
            font-size: 14px;
        }

        .filter-focus .ui-title span {
            float: right;
        }

            .filter-focus .ui-title span a,
            .filter-focus .ui-title p em {
                background-color: #e5e5e5;
                font-size: 12px;
                padding: 4px 7px;
                border-radius: 2px;
            }

                .filter-focus .ui-title span a:hover {
                    color: #fff;
                    text-decoration: none;
                    background-color: #f60;
                }

        .filter-focus .ui-title p {
            padding-left: 30px;
            *padding-top: 5px;
            float: left;
        }

            .filter-focus .ui-title p em {
                color: #666;
                padding: 4px 10px;
                margin-right: 5px;
                *vertical-align: middle;
            }

    /* filter-list */
    .filter-focus .ui-cnt {
        margin-bottom: -1px;
    }

.filter-list {
    width: 970px;
    overflow: hidden;
    clear: both;
    line-height: 24px;
    padding: 5px 0 6px 0;
    font-size: 14px;
    border-bottom: 1px dotted #eee;
}

    .filter-list h5 {
        width: 50px;
        overflow: hidden;
        font-weight: 700;
        color: #333;
        float: left;
        line-height: 28px;
        text-align: right;
    }

    .filter-list ul {
        width: 915px;
        float: right;
        overflow: hidden;
    }

    .filter-list li {
        float: left;
        height: 24px;
        overflow: hidden;
        margin: 2px 5px 2px 0;
    }

    .filter-list a {
        color: #333;
        display: inline-block;
        padding: 0 8px;
        border-radius: 2px;
    }

.filter-list-letter li a {
    width: 44px;
    padding: 0;
    text-align: center;
}

.filter-list a:hover {
    color: #f60;
    text-decoration: none;
    background-color: #eee;
}

.filter-list a.current,
.filter-list a.current:hover {
    color: #f60;
    text-decoration: none;
    background-color: #eee;
    cursor: default;
}



/* list-focus */
#list-focus {
    
    overflow: hidden;
     
}

    #list-focus .qire-box {
        width: 855px;
        min-height: 825px;
        float: left;
        margin: 0;
        border: 0 none;
        border-right: 1px solid #eee;
    }

    #list-focus #find-focus {
        width: 998px;
        border: 0 none;
        height: auto;
        min-height: inherit;
    }

    #list-focus .qire-bar {
        width: 356px;
        float: right;
        border: 0 none;
        margin-left: -1px;
        border-left: 1px solid #eee;
    }
/* ui-bar */
.ui-bar {
    height: 42px;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}
/* view-mode */
.view-mode {
    margin: 8px 0 0 0;
    width: 192px;
    height: 26px;
    overflow: hidden;
    float: left;
}

    .view-mode li {
        width: 96px;
        height: 26px;
        overflow: hidden;
        float: left;
    }

        .view-mode li a {
            width: 100%;
            height: 26px;
            line-height: 26px;
            display: block;
            overflow: hidden;
            font-size: 14px;
            font-family: simsun;
            text-indent: 27px;
            background-image: url(../images/view-mode.gif);
            background-repeat: no-repeat;
            background-color: #eee;
        }

            .view-mode li a:hover {
                text-decoration: none;
                background-color: #ddd;
            }

            .view-mode li a.current {
                color: #fff;
                background-color: #f60;
                cursor: default;
            }

        .view-mode li#view-list a {
            background-position: 10px 7px;
        }

        .view-mode li#view-letter a {
            background-position: 10px -43px;
        }

        .view-mode li#view-list a.current {
            background-position: 10px -18px;
        }

        .view-mode li#view-letter a.current {
            background-position: 10px -68px;
        }

/* view-filter */
.view-filter {
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 9px;
    color: #999;
    padding-left: 10px;
}

    .view-filter em {
        float: left;
        padding: 0 6px;
        font-family: simsun;
    }

    .view-filter a {
        display: block;
        height: 24px;
        overflow: hidden;
        padding: 0 10px;
        float: left;
        border-radius: 2px;
    }

        .view-filter a:hover {
            text-decoration: none;
            background-color: #eee;
        }

        .view-filter a.current {
            color: #fff;
            font-weight: 700;
            background-color: #259e33;
            cursor: default;
        }

.ui-bar .ui-pages {
    margin-top: 9px;
}


/* ui-pages */
.ui-pages {
    height: 24px;
    text-align: center;
}

    .ui-pages a,
    .ui-pages span,
    .ui-pages em,
    .ui-pages label,
    .ui-pages .pagego,
    .ui-pages .pagebtn {
        height: 24px;
        line-height: 24px;
        display: inline-block;
        text-align: center;
        margin: 0 1px;
        padding: 0 10px;
        color: #666;
        font-weight: 700;
        overflow: hidden;
        vertical-align: middle;
        background-color: #eee;
    }

    .ui-pages .pagego {
        width: 30px;
        padding: 0 5px;
        height: 22px;
        line-height: 22px;
        font-weight: 700;
        color: #333;
        border: 1px solid #ccc;
        background: #fff;
        margin-right: 3px;
        background: url(../images/input.gif) 0 0 repeat-x;
    }

    .ui-pages .pagebtn {
        cursor: pointer;
        width: 60px;
        height: 22px;
        line-height: 22px;
        padding: 0 5px;
        font-weight: 700;
        color: #333;
        border: 1px solid #ccc;
        background-color: #eee;
    }

    .ui-pages label {
        background: transparent;
    }

    .ui-pages a:hover {
        color: #f60;
        text-decoration: none;
        background-color: #ddd;
    }

    .ui-pages span.current {
        color: #fff;
        background-color: #e0163e;
    }

    .ui-pages span.disabled {
        filter: alpha(opacity=30);
        opacity: 0.3;
    }

    .ui-pages .prev,
    .ui-pages .next {
        background-image: url(../images/ui-page.gif);
        background-repeat: no-repeat;
    }

    .ui-pages .prev {
        padding: 0 10px 0 20px;
        background-position: 0 1px;
    }

    .ui-pages .next {
        padding: 0 20px 0 10px;
        background-position: right -25px;
    }

/* ui-page-big */
.ui-page-big {
    height: 34px;
    text-align: center;
}

    .ui-page-big a,
    .ui-page-big span,
    .ui-page-big em,
    .ui-page-big label,
    .ui-page-big .pagego,
    .ui-page-big .pagebtn {
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        font-weight: normal;
        padding: 0 8px;
    }

    .ui-page-big .pagego,
    .ui-page-big .pagebtn {
        height: 32px;
        line-height: 32px;
    }

    .ui-page-big .prev {
        background-position: 0 7px;
    }

    .ui-page-big .next {
        background-position: right -20px;
    }

    .ui-page-big span.current {
        font-weight: 700;
    }


/* list-page */
.list-page {
    padding: 20px 0;
    text-align: center;
    border: 0 none;
}


/* show-list */
.show-list {
    width: 820px;
    overflow: hidden;
}

    .show-list li {
        width: 801px;
        padding: 20px;
        overflow: hidden;
        border-bottom: 1px solid #eee;
    }
        /* kong */
        .show-list li.kong {
            font-size: 14px;
            text-align: center;
        }

            .show-list li.kong label {
                padding: 10px 0 10px 40px;
                background: url(../images/loading.gif) left center no-repeat;
            }

    /* play-img */
    .show-list .play-img {
        float: left;
        margin: 0;
    }

    /* play-txt */
    .show-list .play-txt {
        width: 670px;
        float: right;
        overflow: hidden;
    }

#find-focus .show-list {
    width: 998px;
}

    #find-focus .show-list li {
        width: 958px;
    }

#find-focus .play-txt {
    width: 825px;
}

/* h5 */
.show-list h5 {
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.show-list p {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}

    .show-list p.type {
        width: 285px;
    }

    .show-list p em {
        width: 42px;
        float: left;
        color: #666;
        display: block;
        height: 24px;
        overflow: hidden;
    }

    .show-list p.plot em,
    .show-list p.plot {
        height: 72px;
    }

    .show-list p.state {
        width: 420px;
        float: left;
    }

        .show-list p.state a {
            color: #f60;
        }

    .show-list p.more-desc {
        width: 50px;
        text-align: right;
        float: right
    }

    .show-list p a {
        margin-right: 7px;
    }

        .show-list p a.more {
            color: #e13160;
            padding-right: 8px;
            margin-left: 3px;
            background: url(../images/a3.gif) right 4px no-repeat;
        }

    .show-list p cite {
        color: #666;
    }

    .show-list p .goplay {
        margin: 0;
    }

    .show-list p em.long {
        width: auto;
    }


/* letter-query */
#letter-query {
}
/* letter */
.letter {
    width: 998px;
    overflow: hidden;
}

    .letter li {
        color: #666;
        width: 35px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        text-align: center;
        float: left;
        border-right: 1px solid #e8e8e8;
    }

        .letter li a {
            display: block;
            width: 100%;
            height: 100%;
            color: #666;
            font-size: 13px;
            font-weight: 700;
            overflow: hidden;
        }

            .letter li a:hover {
                color: #f60;
                text-decoration: none;
                background: #f5f5f5;
            }

        .letter li.sz {
            width: 62px;
            border: 0 none;
        }

/* serial-box */
#serial-box {
}

    #serial-box .ui-title {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin: 0 15px;
        overflow: hidden;
        border-bottom: 1px dotted #ccc;
    }

        #serial-box .ui-title h2 {
            height: 20px;
            line-height: 20px;
            font-weight: 700;
            margin-top: 11px;
            color: #04b2b8;
            float: left;
        }

    #serial-box #serial-box-wj {
        border-color: #f60;
        margin-top: 5px;
    }

    #serial-box #serial-box-lz {
        border-color: #0a0;
    }

        #serial-box #serial-box-lz .ui-title h2 {
            color: #0a0;
        }

        #serial-box #serial-box-lz .ui-title .yxtg {
            font-size: 12px;
            float: right;
        }

            #serial-box #serial-box-lz .ui-title .yxtg a {
                margin: 0 5px;
            }

    /* ui-cnt */
    #serial-box .ui-cnt {
        width: 968px;
        overflow: hidden;
        padding: 0 15px 15px 15px;
    }

    #serial-box .txt-list {
        margin: 0;
        width: 975px;
    }

        #serial-box .txt-list li {
            width: 315px;
            margin-right: 10px;
            border-bottom: 1px solid #f2f2f2;
        }

            #serial-box .txt-list li.even {
                background: #f9f9f9;
            }

            #serial-box .txt-list li a.red {
                color: #f60;
            }


    /* serial-union */
    #serial-box .serial-union {
        padding: 5px 15px 0 15px;
    }

    #serial-box #serial-box-wj .serial-union {
        padding-bottom: 15px;
    }

    #serial-box .serial-union .txt-list {
        width: 650px;
        float: left;
    }

.serial-union .letter-union {
    width: 300px;
    height: 250px;
    overflow: hidden;
    float: right;
    margin: 10px 0 0 0;
}

#serial-box .txt-list h5 {
    height: 32px;
    overflow: hidden;
    font-size: 14px;
    padding-left: 4px;
}

    #serial-box .txt-list h5 em {
        font-size: 11px;
        -webkit-text-size-adjust: none;
    }

    #serial-box .txt-list h5 img {
        position: absolute;
        margin: 10px 0 0 5px;
        *margin: 2px 0 0 5px;
    }


/*内容页*/

/* detail-box */
#detail-box {
    /*width: 998px;*/
    overflow: hidden;
    position: relative;
    /*border-color: #ddd;*/
}
/* title */
.detail-title {
    margin: 0;
    height: 40px;
    padding: 7px 20px;
    overflow: hidden;
}

    .detail-title h1 {
        height: 24px;
        line-height: 24px;
        font-weight: bold;
        font-size: 20px;
        color: #333;
        float: left;
        padding: 5px 0;
        font-family: "Microsoft Yahei";
        overflow: hidden;
        margin-right: 22px;
    }

    .detail-title h2 {
        height: 24px;
        line-height: 24px;
        font-weight: bold;
        font-size: 20px;
        color: #333;
        float: left;
        padding: 5px 0;
        font-family: "Microsoft Yahei";
        overflow: hidden;
        margin-right: 22px;
    }

    .detail-title .mtitle {
        height: 24px;
        line-height: 24px;
        font-weight: bold;
        font-size: 20px;
        color: #333;
        float: left;
        padding: 5px 0;
        font-family: "Microsoft Yahei";
        overflow: hidden;
        margin-right: 22px;
        margin-left:8px;
    }


.detail-tab ul {
    list-style: none; /* 去掉ul前面的符号 */

    border-bottom: 1px solid #e2e2e2;
    height: 36px;
    background: url(../images/bg_nav.jpg) repeat-x bottom;
}


.detail-tab li {
    float: left;
    position: relative;
    display: block;
    float: left;
    padding: 0 8px;
    margin: 0 1px;
    font-size: 14px;
    border-left: 1px solid #fff;
    height: 36px;
    line-height: 36px;
    background: url(../images/bg_nav4.jpg) repeat-x;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    /*padding-left:20px;*/
}

.detail-tab .on {
    border-top: 4px solid #f60;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #fff;
    /*background: url(../images/bg_nav3.jpg) repeat-x;*/
    position: relative;
    top: -4px;
    color: #333;
    font-weight: bold;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
}

    .detail-tab .on a {
        color: #f60;
    }

.detail-tab ul li.line a {
    border-right: 1px solid #fff;
}

.detail-tab ul li a {
    text-decoration-line:none;
}

    .detail-tab ul li a.on {
        border-top: 4px solid #f60;
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-bottom: 1px solid #fff;
        background: url(../images/bg_nav3.jpg) repeat-x;
        position: relative;
        top: -1px;
        color: #fff;
        font-weight: bold;
        border-top-left-radius: 4px 4px;
        border-top-right-radius: 4px 4px;
    }

        .detail-tab ul li a.on:hover {
            color: #fff;
        }

    .detail-tab ul li a:hover {
        color: #f00;
    }

/* detail-sect */
.detail-sect {
    width: 350px;
    margin-top: 5px;
    padding: 0 0 0 20px;
    overflow: hidden;
    float: left;
}
/* interest-sect */
.interest-sect,
.interest-rss {
    width: 52px;
    height: 23px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.detail-sect a {
    display: block;
    width: 52px;
    height: 23px;
    line-height: 23px;
    _line-height: 21px;
    overflow: hidden;
    text-align: left;
    color: #fff;
    font-size: 12px;
    text-indent: 22px;
    background: url(../images/sect.gif?2013228) no-repeat;
}

@-moz-document url-prefix() {
    .detail-sect a {
        line-height: 22px;
    }
}

.detail-sect a:hover {
    color: #fff;
}

.interest-sect .sect-btn {
    background-position: 0 0;
}

.interest-rss .rss-btn {
    background-position: -52px 0;
}

/* sect-show */
.interest-sect .sect-show,
.interest-rss .rss-show {
    width: 52px;
    height: 23px;
    overflow: hidden;
}

    .interest-sect .sect-show a {
        background-position: 0 -23px;
        color: #888;
        text-indent: 22px;
    }

    .interest-rss .rss-show a {
        background-position: -52px -23px;
        color: #888;
        text-indent: 22px;
    }

.detail-sect .sect-show a:hover {
    color: #666;
}

/* detail-cols */
.detail-cols {
   
    margin: 0 19px 19px 19px;
    overflow: hidden;
    zoom: 1;
    background-color: #fff;
}
/* detail-pic */
.detail-pic {
    width: 237px;
    height: 312px;
    overflow: hidden;
    position: relative;
    background: url(../images/pic-bg.gif) right bottom no-repeat;
}

    .detail-pic img {
        display: block;
        width: 225px;
        height: 300px;
        padding: 4px;
        overflow: hidden;
        border: 1px solid #ccc;
    }

/* detail-union */
.detail-union {
    margin-top: 53px;
    background-color: #fcfcfc;
}

    .detail-union,
    .detail-union img {
        height: 250px;
        display: block;
        width: 300px;
        overflow: hidden;
    }

/* detail-info */
.detail-info {
    width: 595px;
    padding: 0 0 0 15px;
    overflow: hidden;
}
    /* info */
    .detail-info .info {
        width: 100%;
        overflow: hidden;
        padding-top: 10px;
    }

        .detail-info .info dl {
            width: 100%;
            line-height: 24px;
            overflow: hidden;
            color: #666;
            font-size: 14px;
            padding: 3px 0;
        }

        .detail-info .info dt {
            width: 62px;
            float: left;
            color: #888;
            overflow: hidden;
        }

        .detail-info .info dd {
            width: 533px;
            float: left;
            color: #999;
            overflow: hidden;
        }

            .detail-info .info dd a,
            .detail-info .info dd span {
                margin: 0 5px 0 0;
                color: #333;
            }

                .detail-info .info dd a:hover,
                .detail-info .info dd span.color {
                    color: #f60;
                }

        /* juqing */
        .detail-info .info dl.juqing {
            line-height: 26px;
            margin: auto;
        }

            .detail-info .info dl.juqing dd {
                font-size: 16px;
                color: #666;
            }

        /* fn-left */
        .detail-info .info dl.fn-left {
            width: 280px;
            height: 24px;
        }

            .detail-info .info dl.fn-left dd {
                width: 118px;
            }

        /* fn-right */
        .detail-info .info dl.fn-right {
            width: 290px;
            height: 24px;
        }

            .detail-info .info dl.fn-right dd {
                width: 228px;
            }

            .detail-info .info dl.fn-right strong {
                margin-right: 2px;
            }

        .detail-info .info dl a.link {
            color: #f00;
            padding-right: 8px;
            background: url(../images/a3.gif) right 6px no-repeat;
        }

        .detail-info .info dl #link-cmt a {
            display: inline-block;
            width: 100px;
            height: 24px;
            overflow: hidden;
            text-indent: -999px;
            float: left;
            background: url(../images/cmt-link.gif?2013228) 0 0 no-repeat;
        }

        .detail-info .info dl #link-cmt label {
            float: left;
            color: #080;
        }

        .detail-info .info dl #link-cmt strong {
            color: #f60;
            padding: 0 2px;
        }


/* rating-box */
.rating-box {
    width: 307px;
    height: 85px;
    position: absolute;
    top: 8px;
    right: 15px;
    background: url(../images/score-scale.gif?) 0 bottom no-repeat;
    display: none;
}
/* rating-kong */
#rating-kong {
    background: none;
    display: block;
}

.rating-kong-item {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-top: 42px;
    color: #f60;
    text-align: center;
}

    .rating-kong-item .loading {
        padding: 10px 20px;
        color: #666;
        font-size: 12px;
        background: url(../images/lazyload.gif) left center no-repeat;
    }

    .rating-kong-item .nopingfen {
        padding: 0;
        color: #f60;
        font-size: 14px;
        background: none;
    }


/* rating-total */
.rating-total {
    width: 307px;
    height: 48px;
}
/* rating-total-item */
.rating-total-item {
    display: block;
    height: 48px;
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-right: -48px;
}

/* pingfen-total */
.pingfen-total {
    width: 61px;
    height: 43px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-right: -13px;
    text-align: center;
    font-family: Georgia,"Times New Roman",Times,serif;
    background: url(../images/rating-total.gif) 0 0 no-repeat;
}

    .pingfen-total strong,
    .pingfen-total em {
        display: block;
        width: 61px;
        height: 35px;
        line-height: 30px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        color: #7c4600;
        z-index: 6;
        font-size: 26px;
        font-weight: normal;
    }

    .pingfen-total em {
        top: 1px;
        left: 1px;
        color: #ffeedb;
        z-index: 5;
    }


/* rating-bar */
.rating-bar {
    width: 301px;
    height: 20px;
    overflow: hidden;
    margin-left: 2px;
    position: relative;
    background: url(../images/score-bg.gif?) 0 0 no-repeat;
}

.rating-bar-item {
    height: 18px;
    overflow: hidden;
    border: 1px solid #75b442;
    background: url(../images/score-bg.gif?) 0 -20px no-repeat;
}

/* rating-mask */
.rating-box .rating-mask {
    width: 301px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    margin: 1px 0 0 2px;
    display: none;
    z-index: 9;
    background: #fff;
}

/* rating-show */
.rating-box .rating-show {
    width: 290px;
    overflow: hidden;
    padding: 3px 1px 10px 8px;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    margin: 1px 0 0 2px;
    z-index: 10;
    display: none;
}

    .rating-box .rating-show li {
        width: 290px;
        height: 14px;
        overflow: hidden;
        float: left;
        clear: both;
        margin-top: 5px;
    }

    .rating-box .rating-show .starstop {
        width: 60px;
        height: 12px;
        overflow: hidden;
        display: block;
        text-indent: -999px;
        float: left;
        margin-top: 1px;
        margin-right: 5px;
        background: url(../images/star-min.gif) no-repeat;
    }

    .rating-box .rating-show .star5 {
        background-position: 0 0;
    }

    .rating-box .rating-show .star4 {
        background-position: 0 -20px;
    }

    .rating-box .rating-show span.star3 {
        background-position: 0 -40px;
    }

    .rating-box .rating-show span.star2 {
        background-position: 0 -60px;
    }

    .rating-box .rating-show span.star1 {
        background-position: 0 -80px;
    }

    .rating-box .rating-show .power {
        width: 180px;
        height: 6px;
        overflow: hidden;
        display: block;
        margin-top: 4px;
        margin-right: 5px;
        float: left;
        background: #f5f5f5;
    }

    .rating-box .rating-show .power-item {
        width: 0;
        height: 6px;
        overflow: hidden;
        display: block;
        float: left;
        background: #9beaed;
    }

    .rating-box .rating-show em {
        line-height: 14px;
        overflow: hidden;
        float: left;
        font-size: 10px;
        color: #f60;
        font-weight: normal;
        -webkit-text-size-adjust: none;
    }

/* detail-rating */
#detail-rating {
    background-color: #fff;
}

/* rating */
#rating {
    width: 328px;
    height: 32px;
    line-height: 30px;
    overflow: hidden;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px;
    float: left;
    clear: both;
}

    #rating span {
        float: left;
        font-size: 14px;
        height: 32px;
        overflow: hidden;
    }

        #rating span.label {
            padding: 0 0 0 10px;
            background-color: #eee;
        }

    #rating .rating {
        float: left;
        width: 120px;
        height: 24px;
        overflow: hidden;
        padding: 3px 10px 0 7px;
    }

        #rating .rating li {
            cursor: pointer;
            float: left;
            overflow: hidden;
            width: 24px;
            height: 24px;
            text-indent: -99px;
            background: url(../images/rating.png) 0 0 no-repeat;
        }

            #rating .rating li.hover,
            #rating .rating li.active {
                background: url(../images/rating.png) 0 -24px no-repeat;
            }

/* detail-desc-cnt */
.detail-desc-cnt {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
}


/* play-list-box */
.play-list-box {
    width: 985px;
    overflow: hidden;
    padding: 0 0 15px 15px;
}

    .play-list-box .caption {
        margin-right: 15px;
        height: 45px;
        overflow: hidden;
        background: url(../images/line.gif) 0 44px repeat-x;
    }

        .play-list-box .caption h4 {
            height: 35px;
            float: left;
            overflow: hidden;
            margin-top: 4px;
        }

            .play-list-box .caption h4 img {
                height: 20px;
                display: block;
                margin: 8px 0 0 0;
            }

    /* Txt */
    .play-list-box .txt {
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        margin-top: 11px;
        float: right;
        padding-right: 5px;
    }

        .play-list-box .txt a,
        .play-list-box .txt a:hover {
            color: #259e33;
        }


/* play-list */
#detail-list .play-list {
    width: 983px;
    max-height: 700px;
    _height: expression(this.scrollHeight > 700 ? "700px" : "auto");
    overflow: auto;
    overflow-x: hidden;
    clear: both;
    position: relative;
}

.play-list a {
    width: 154px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #333;
    float: left;
    position: relative;
    margin: 5px 5px 0 0;
    border: 1px solid #e0e0e0;
    background-color: #f5f5f5;
}

    .play-list a:visited {
        color: #666;
        background: #faebd7;
    }

    .play-list a:hover {
        color: #fff;
        text-decoration: none;
        border-color: #f60;
        background: #f60;
    }

.play-list-long a {
    width: 234px;
}

.play-list a span.new {
    top: 0;
    right: 0;
}

/* like-focus */
#like-focus {
    width: 1212px;
    overflow: hidden;
    position: relative;
}

    #like-focus .ui-title,
    #comment .ui-title,
    #play-help .ui-title {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        padding: 0 19px;
        color: #666;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        background-color: #fcfcfc;
    }

        #like-focus .ui-title strong {
            color: #f60;
        }

    #like-focus .img-list {
        width: 1212px;
        margin-left: -1px;
    }

        #like-focus .img-list li {
            width: 142px;
            height: 215px;
            padding:4px;
        }

    #like-focus .txt-list {
        margin: 0 10px -1px 10px;
        width: 1290px;
    }

        #like-focus .txt-list li {
            width: 183px;
        }

    #like-focus .txt-list3 {
        margin: 0 10px -1px 10px;
        width: 100%;
    }

        #like-focus .txt-list3 li {
            width:32%;
        }


/* detail-related */
.detail-related {
    width: 998px;
    overflow: hidden;
    padding: 7px 0 0 0;
    border-bottom: 1px solid #eee;
    background-color: #fcfcfc;
}

    .detail-related .bd {
        width: 858px;
        float: right;
    }

    .detail-related h5 {
        width: 120px;
        font-size: 14px;
        float: left;
        height: 25px;
        overflow: hidden;
        line-height: 25px;
        font-weight: 700;
        color: #333;
        padding: 0 0 8px 19px;
    }

        .detail-related h5 strong {
            color: #f60;
        }

    .detail-related a {
        height: 25px;
        line-height: 23px;
        padding: 0 10px 0 20px;
        font-size: 12px;
        display: block;
        overflow: hidden;
        float: left;
        font-weight: normal;
        margin: 0 8px 8px 0;
        background: url(../images/tag.gif) 0 0 no-repeat;
    }

        .detail-related a:hover {
            text-decoration: none;
            background-position: 0 -25px;
        }


/* comment */
#comment .ui-title h3 {
    font-weight: 700;
    color: #333;
}

#comment .ui-cnt {
    width: 960px;
    padding: 19px;
    overflow: hidden;
}

#comment .ui-form {
    padding: 0;
}

#cmt-input-tip .ui-input,
#review-input-link .ui-input {
    width: 958px;
    float: none;
    *float: left;
    margin: 0;
}

#cmt-input-bd .ui-textarea {
    height: 72px;
    padding: 8px;
    width: 942px;
}

#cmt-input-bd .ui-form-info {
    margin: 5px 0 0 0;
}

    #cmt-input-bd .ui-form-info p {
        margin: 0;
        padding: 0 15px 0 0;
    }

#comment .ui-form-item {
    margin: 0;
}

#comment .ui-bar {
    margin-top: 10px;
    border: 1px solid #eee;
}

    #comment .ui-bar .view-filter {
        padding: 0;
    }

/* replongform */
#replongform {
    width: 300px;
    padding: 15px;
    overflow: hidden;
}

    #replongform .ui-link-cnt {
        padding-top: 5px;
    }

        #replongform .ui-link-cnt .ui-link {
            float: right;
        }

/* comment-list */
.comment-list {
    margin: 0 30px;
}

    .comment-list .kong {
        padding: 10px 0 2px 0;
        text-align: center;
    }

/* comment-focus */
.comment-focus {
    width: 960px;
    padding: 0 0 5px 0;
    overflow: hidden;
    margin: 15px 0 0 0;
}

/* ui-comment */
.ui-comment {
    width: 960px;
    margin: -15px 0 0 0;
    overflow: hidden;
    background: url(../images/bg-cmt-time.gif) -100px 15px repeat-y;
}

    .ui-comment .kong {
        margin-top: 15px;
        text-align: center;
        background-color: #fff;
        font-size: 14px;
    }

/* comment-item */
.comment-item {
    width: 960px;
    padding: 15px 0 0 0;
    overflow: hidden;
}
/* comment-time */
.comment-time {
    width: 52px;
    overflow: hidden;
    float: left;
}

    .comment-time .date-time {
        width: 49px;
        height: 48px;
        overflow: hidden;
        padding-left: 3px;
        background: url(../images/bg-cmt-time.gif) 41px 0 no-repeat;
    }

        .comment-time .date-time strong {
            display: block;
            color: #999;
            line-height: 14px;
            text-align: left;
            width: 49px;
            margin-top: 4px;
            line-height: 20px;
        }

/* comment-post */
.comment-post {
    width: 897px;
    overflow: hidden;
    float: right;
}
/* comment-post-arrow */
.comment-post-arrow {
    width: 10px;
    height: 15px;
    overflow: hidden;
    margin-top: 17px;
    float: left;
    position: relative;
    background: url(../images/comment-arrow.gif) 0 0 no-repeat;
}

/* comment-post-cnt */
.comment-post-cnt {
    width: 866px;
    overflow: hidden;
    float: right;
    padding: 10px;
    margin-left: -1px;
    border: 1px solid #e3e3e3;
    background-color: #f9f9f9;
    border-radius: 4px;
}
/* comment-avatar */
.comment-avatar {
    width: 50px;
    float: left;
    overflow: hidden;
}

    .comment-avatar img {
        display: block;
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 2px;
        background-color: #eee;
    }

/* comment-body */
.comment-body {
    width: 805px;
    overflow: hidden;
    float: right;
}
/* comment-text */
.comment-text {
    line-height: 25px;
    font-size: 14px;
    word-wrap: break-word;
}

    .comment-text .user,
    .comment-text a {
        color: #f60;
    }

    .comment-text em {
        margin-right: 5px;
    }


/* comment-assist */
.comment-assist {
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    margin-top: 8px;
    padding-right: 4px;
}

    .comment-assist a {
        color: #999;
    }

        .comment-assist a:hover {
            color: #f60;
        }

    .comment-assist span a {
        margin-right: 10px;
    }

/* cmt-replay */
.comment-replay {
    width: 805px;
    margin-top: 5px;
    overflow: hidden;
}
/* comment-replay-arrow */
.comment-replay-arrow {
    width: 17px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 781px;
    background: url(../images/comment-arrow.gif) -10px 0 no-repeat;
}

.cmt-forward .cmt-replay-arrow {
    margin: 0 0 0 15px;
}

/* comment-replay-cnt */
.comment-replay-cnt {
    width: 783px;
    overflow: hidden;
    padding: 10px;
    margin-top: -1px;
    border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
    border-radius: 2px;
}

.comment-replay .ui-textarea {
    width: 765px;
    height: 60px;
    line-height: 20px;
    border-color: #ccc;
    background: url(../images/input-focus.gif) 0 0 repeat-x #fff;
}

.comment-replay-assist {
    width: 783px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-top: 4px;
}

    .comment-replay-assist p {
        float: left;
    }

    .comment-replay-assist .ui-button {
        float: right;
        margin: 0;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        background-color: #666;
    }

/* comment-box */
.comment-box {
    margin: 0 0 0 70px;
    padding: 6px 10px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* comment-name */
.comment-name {
    height: 24px;
    line-height: 24px;
    color: #f60;
}

    .comment-name a {
        color: #f60;
    }

.comment-review .comment-name a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

    .comment-review .comment-name a:hover {
        color: #f60;
    }


/* comment-cnt */
.comment-cnt {
    color: #333;
    line-height: 20px;
    font-size: 12px;
}

    .comment-cnt a {
        color: #f60;
    }

.comment-review .comment-cnt {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0 3px 0;
}

/* comment-do */
.comment-do {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    margin: 5px 0 0 0;
    *font-family: 'ËÎÌå';
}

    .comment-do em {
        color: #ccc;
        margin: 0 3px;
    }

    .comment-do .date-time {
        color: #999;
    }

        .comment-do .date-time a {
            color: #f60;
            margin: 0 5px 0 0;
        }

    .comment-do strong,
    .comment-do .date-time {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }

    .comment-do strong {
        font-size: 11px;
        -webkit-text-size-adjust: none;
    }

/* comment-reply */
.comment-reply {
    padding-bottom: 15px;
    overflow: hidden;
}

    .comment-reply li {
        padding: 10px 0 0 70px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }



.detail-intro {
    
    margin: 0 19px 19px 19px;
    overflow: hidden;
    zoom: 1;
    background-color: #fff;
}

.intro-title {
    height: 20px;
    line-height: 20px;
    /*border-left: 4px solid #2ea09d;*/
    text-indent: 5px;
    font-weight: bold;
    color: #222222;
    margin: 10px 0 10px 0;
    clear: both;
}

.detail-intro .common {
    text-indent: 2em;
    line-height: 24px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.detail-intro .juqing {
    line-height: 30px;
    font-size: 16px;
    color: #555;
}

    .detail-intro .juqing a {
        color: #0d397e;
    }

    .detail-intro .juqing p {
        line-height: 28px;
        font-size: 16px;
        color: #555;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .detail-intro .juqing img {
        display: block;
        max-width: 720px;
        height: auto !important;
        height: auto;
        margin: 10px auto;
    }

        .detail-intro .juqing p a {
            /*text-decoration:underline dotted #666;*/
            color: #106fb6;
            font-weight: bold;
            padding-left: 2px;
            padding-right: 2px;
        }

.detail-intro .fenji {
    max-height: 700px;
    _height: expression(this.scrollHeight > 700 ? "700px" : "auto");
    overflow: auto;
    overflow-x: hidden;
    clear: both;
    position: relative;
}

    .detail-intro .fenji a {
        width: 89px;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        display: block;
        text-align: center;
        color: #333;
        float: left;
        position: relative;
        margin: 5px 5px 0 0;
        border: 1px solid #e0e0e0;
        background-color: #f5f5f5;
    }

    .detail-intro .fenji .on {
        color: #eee;
        float: left;
        position: relative;
        margin: 5px 5px 0 0;
        border: 1px solid #e0e0e0;
        background-color: #106fb6;
    }

        .detail-intro .fenji .on a:link {
            color: #eee;
        }

    .detail-intro .fenji a {
        color: #106fb6;
    }

.detail-intro .img-list {
    width: 100%;
    margin-left: -1px;
}

    .detail-intro .img-list li {
        width: 136px;
        height: 215px;
        padding:4px;
    }

.detail-intro .txt-list {
    margin: 0 10px -1px 10px;
    width: 100%;
}

    .detail-intro .txt-list li {
        width:23.5%;
        line-height: 28px;
        height: 28px;
    }

        .detail-intro .txt-list li a:link {
            color: #106fb6;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
        }



#choose {
    margin-bottom: 5px;
}

    #choose dl {
        padding: 6px 0 4px 10px;
        font-size: 14px;
        clear: both;
    }

    #choose dt {
        float: left;
        width: 46px;
        background: url(../images/style/bg_choose.jpg) no-repeat left top;
        line-height: 22px;
        color: #fff;
        margin-top: 1px;
        text-indent: 6px;
    }

    #choose dd {
        border-bottom: 1px solid #eaeaea;
        float: left; /*width:262px;*/
        line-height: 22px;
    }

        #choose dd a {
            display: inline-block;
            padding: 0 5px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: #454545;
            margin: 2px 2px 2px 0;
        }

            #choose dd a:hover {
                background: #116fb9;
                text-decoration: none;
                color: #fff;
            }

            #choose dd a.on {
                background: #5b0d0d;
                color: #fff;
            }

        #choose dd span {
            float: left;
            width: 50px;
            background: url(../images/bg_choose.jpg) no-repeat left top;
            line-height: 25px;
            color: #f60;
            margin-top: 1px;
            text-indent: 6px;
        }

#juzhaodiv {
    padding-top: 30px;
    margin: 0;
    padding-right: 0;
    text-align: center;
}

    #juzhaodiv img {
        width: 100%;
    }

    #juzhaodiv h3 {
        display: block;
        font-size: 1.5em;
        -webkit-margin-before: 0.83em;
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
        text-align: center;
    }

#xiezhendiv {
    padding-top: 30px;
    margin: 0;
    padding-right: 0;
    text-align: center;
}

    #xiezhendiv img {
        height: 100%;
        max-height: 800px;
        _height: expression(this.height > 450 ? "450px" : this.height);
    }

    #xiezhendiv h3 {
        display: block;
        font-size: 1.5em;
        -webkit-margin-before: 0.83em;
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
        text-align: center;
    }


.arrow_right {
    right: 0;
}


.iconfont {
    background: url(../images/right_normal.png) no-repeat;
}

.arrow-box {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    top: 55%;
    margin-top: -64px;
    cursor: pointer;
    z-index: 9999;
    opacity: 1
}

    .arrow-box span {
        display: inline-block;
        _zoom: 1;
        _display: inline;
        height: 45px;
        width: 45px;
        text-indent: -9999px
    }

.arrow_right {
    margin-right: 20px;
}

.arrow_left .iconfont {
    background: url(../images/left_normal.png) no-repeat
}

    .arrow_left .iconfont:hover {
        background: url(../images/left_hover.png) no-repeat
    }

.arrow_right .iconfont {
    background: url(../images/right_normal.png) no-repeat
}

    .arrow_right .iconfont:hover {
        background: url(../images/right_hover.png) no-repeat
    }

.red {
    color: #f30;
}


.o_ac_tab {
    border-collapse: collapse;
    margin-top: 18px;
}

    .o_ac_tab td img {
        width: 80px;
    }

    .o_ac_tab td a {
        color: #1e4eb1;
        border-bottom: dotted 1px #ccc;
    }

table {
    border-spacing: 1px;
    border-collapse: separate;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.o_ac_tab tr.bg_blue {
    border-bottom: 0;
}

.o_ac_tab td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 23px;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

.o_ac_tab tr {
    border-bottom: 1px dotted #dfdfdf;
}

.o_ac_tab .td1, .o_ac_tab .td3 {
    width: 170px;
}

.o_ac_tab .td2 {
    width: 240px;
}

.o_ac_tab .td4 {
    width: 590px;
}

.bg_blue {
    background: #ebf2fe;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.hidden {
    display: none;
}


.content {
    padding: 0px 10px 0px 0px;
    margin: 0px;
    overflow: hidden;
}

    .content ._title {
        height: 40px;
        line-height: 40px;
        text-align: center;
        overflow: hidden;
        padding: 5px 0px 5px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: url(../img/meiwen_article_title_bg.png) no-repeat scroll 0px 0px transparent;
    }

        .content ._title h1 {
            color: #48ab48;
            font-weight: 400;
            text-align: center;
            display: inline;
        }

h1 {
    font-size: 24px;
}

.content .article {
    line-height: 30px;
    min-height: 100px;
    font-size: 16px;
    color: #555;
    letter-spacing: 0.5px;
    font-weight: normal;
    text-align: justify;
    margin: 15px 0 0;
    padding: 0px;
    /* background-image: url(../img/meiwen_article_bg.png); */
    overflow: hidden;
}

    .content .article p {
        text-indent: 2em;
        margin-bottom: 8px
    }

        .content .article p img {
            display: block;
            max-width: 650px;
            height: auto !important;
            height: auto;
            margin: 10px auto;
        }

        .content .article p a {
            color: #0d397e;
        }

    .content .article span {
    }

.content .info {
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #FDFFF7;
    color: #555;
    padding: 0px 5px;
    border-top: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    box-shadow: 2px 2px 0px #EDEDED;
    overflow: hidden
}

    .content .info span, .content .info span a {
        margin: 0px 5px 0px 0px;
        color: #999;
    }


.page {
    text-align: center;
    padding: 10px 0 10px 0;
}

    .page a {
        border: 1px solid #ccc;
        color: #06c;
        background: #FFF;
        padding: 4px 6px 2px 6px;
    }

        .page a:hover {
            background: #139;
            border: 1px solid #333;
            color: #FFF;
        }

.Related {
    font-size: 14px;
    padding: 15px 0 8px;
}

    .Related ul {
        height: 38px;
        background-color: #f1eeee;
        border-radius: 3px;
        padding-left: 5px;
    }

    .Related li {
        height: 38px;
        line-height: 35px;
        width: 600px;
        padding: 0px 3px;
        float: left;
        background: url(../images/article/li_d.jpg) 0px 0px no-repeat;
        color: #535353;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px
    }

        .Related li a {
            color: #0e103b;
        }

[class^="icoys-"], [class*="icoys-"] {
    background-image: url(../images/iconav.png);
    background-repeat: no-repeat;
}

.icoys-01 {

    height: 20px;  
    padding: 0 0 0 22px;
    background-position: 0 -20px;
}
    .icoys-01:hover {

        height: 20px;    
        padding: 0 0 0 22px;
        background-position: 0 0;
    }

.icoys-03 {
    height: 20px; 
    padding: 0 0 0 22px;
    background-position: -0px -60px;
}

    .icoys-03:hover {
        height: 20px;      
        padding: 0 0 0 22px;
        background-position: 0 -40px;
    }

.icoys-05 {
    height: 20px;  
    padding: 0 0 0 25px;
    background-position: 0 -100px;
}

    .icoys-05:hover {

        height: 20px;
    
        padding: 0 0 0 25px;
        background-position: 0 -80px;
    }

.icoys-07 {

    height: 20px;
  
    padding: 0 0 0 25px;
    background-position: 0 -140px;
}

    .icoys-07:hover {

        height: 20px;
     
        padding: 0 0 0 25px;
        background-position: 0 -120px;
    }
.icoys-09 {

    height: 20px;
   
    padding: 0 0 0 25px;
    background-position: 0 -180px;
}

    .icoys-09:hover {

        height: 20px;
      
        padding: 0 0 0 25px;
        background-position: 0 -160px;
    }
.icoys-11 {

    height: 20px;
  
    padding: 0 0 0 25px;
    background-position: 0 -220px;
}

    .icoys-11:hover {

        height: 20px;
      
        padding: 0 0 0 25px;
        background-position: 0 -200px;
    }
.icoys-13 {

    height: 20px;
  
    padding: 0 0 0 25px;
    background-position: 0 -260px;
}

    .icoys-13:hover {

        height: 20px;
      
        padding: 0 0 0 25px;
        background-position: 0 -240px;
    }
.icoys-15 {

    height: 20px;
   
    padding: 0 0 0 25px;
    background-position: 0 -300px;
}

    .icoys-15:hover {

        height: 20px;
       
        padding: 0 0 0 25px;
        background-position: 0 -280px;
    }
.icoys-17 {

    height: 20px;
    
    padding: 0 0 0 25px;
    background-position: 0 -340px;
}

    .icoys-17:hover {

        height: 20px;
      
        padding: 0 0 0 25px;
        background-position: 0 -320px;
    }
.icoys-19 {

    height: 20px;
  
    padding: 0 0 0 25px;
    background-position: 0 -380px;
}

    .icoys-19:hover {

        height: 20px;
      
        padding: 0 0 0 25px;
        background-position: 0 -360px;
    }
.icoys-21 {

    height: 20px;
   
    padding: 0 0 0 25px;
    background-position: 0 -420px;
}

    .icoys-21:hover {

        height: 20px;
       
        padding: 0 0 0 25px;
        background-position: 0 -400px;
    }




.news-img2 {
    width: 180px;
    height: 130px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5px;
    padding: 3px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
    float: left;
    border: 1px solid #696;
    padding: 0 0;
    text-align: center;
    width: 180px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    background: #000;
    behavior: url(/PIE.htc);
}

    .news-img2:hover {
        color: #fff;
        text-decoration: none;
        border-color: #259e33;
        box-shadow: 0 1px 1px rgba(0,0,0,0.07);
    }

    .news-img2 img {
        width: 100%;
        display: block;
        overflow: hidden;
        background: url(../images/lazyload.gif) no-repeat scroll center center transparent;
        /*max-width:300px;_width:expression(this.width > 180 ? "180px" : this.width);*/
    }



    .news-img2 .mask {
        width: 110px;
        height: 20px;
        display: block;
        overflow: hidden;
        background-color: #000;
        position: absolute;
        left: 3px;
        bottom: 3px;
        filter: alpha(opacity=30);
        opacity: 0.3;
        z-index: 1;
    }

    .news-img2 .text {
        width: 100px;
        height: 20px;
        line-height: 20px;
        display: block;
        overflow: hidden;
        font-size: 12px;
        position: absolute;
        left: 3px;
        bottom: 3px;
        padding: 0 5px;
        text-align: right;
        z-index: 2;
        color: #fff;
        white-space: nowrap;
    }

    .news-img2 .score {
        display: block;
        width: 30px;
        height: 18px;
        line-height: 16px;
        padding-right: 5px;
        text-align: center;
        overflow: hidden;
        color: #fff;
        position: absolute;
        left: 0;
        top: 8px;
        z-index: 3;
        font-weight: 700;
        -webkit-text-size-adjust: none;
        background: url(../images/ui-icon.gif) 0 -155px no-repeat;
    }


.show-list .play-txt2 {
    width: 500px;
    float: right;
    overflow: hidden;
}

.show-list .play-txt3 {
    width: 100%;
    float: right;
    overflow: hidden;
}

    .show-list .play-txt3 h5 {
        font-size: 16px;
    }

/*四列形式*/
table.hovertable {
    /*font-family: verdana,arial,sans-serif;*/
    font-size: 14px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}

    table.hovertable th {
        background-color: #c3dde0;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

    table.hovertable tr {
        /*background-color:#d4e3e5;*/
    }

    table.hovertable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
        vertical-align: top;
    }

        table.hovertable td a {
            color: #f60;
        }


/*表格两列布局,图文混排模式*/
table.twocol {
    /*font-family: verdana,arial,sans-serif;*/
    font-size: 14px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}

    table.twocol th {
        background-color: #c3dde0;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

    table.twocol tr {
        /*background-color:#d4e3e5;*/
    }

    table.twocol td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
        text-indent: 2em;
        vertical-align: top;
    }

        table.twocol td img {
            float: left;
            /* 图片边框的颜色 */
            border: 1px solid #000000;
            /* 上方与其他元素保持10px */
            margin-top: 10px;
            /* 下方与其他元素保持10px */
            margin-bottom: 10px;
            /* 左侧与其他元素保持10px */
            margin-left: 10px;
            /* 右侧与其他元素保持10px */
            margin-right: 10px;
        }

        table.twocol td a {
            color: #f60;
        }


.lb {
    width: 740px;
    height: 332px;
}

.lb_con {
    width: 740px;
    height: 342px;
    overflow: hidden;
    margin: 0 auto;
}

    .lb_con li {
        width: 740px;
        height: 330px;
        text-align: left;
        position: relative;
        z-index: 100;
    }

        .lb_con li img {
            width: 740px;
            height: 328px;
            border: #FFF 1px solid;
        }

        .lb_con li a {
            line-height: 34px;
            font-size: 14px;
            font-weight: bold;
        }

        .lb_con li span, .lb_con li b {
            position: absolute;
            left: 1px;
            bottom: 0;
            height: 33px;
            display: block;
            width: 750px;
        }

        .lb_con li span {
            background-color: #000;
            z-index: 150;
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            opacity: 0.7;
        }

        .lb_con li b {
            z-index: 160;
            color: #fff;
            line-height: 33px;
            padding-left: 10px;
        }

.lb_num {
    width: 90px;
    height: 12px;
    right: 3px;
    bottom: 9px;
    padding-top: 3px;
    z-index: 200
}

    .lb_num li {
        float: left;
        width: 9px;
        height: 9px;
        background: url(../images/icon.png) no-repeat -46px -507px;
        cursor: pointer;
        margin-right: 5px;
    }

        .lb_num li.on, .tab_1 li.on {
            background-position: -59px -507px;
        }

.pro_con .h_list {
    padding: 0;
    margin: 0;
    border: none;
}

.p_r {
    position: relative;
    zoom: 1;
}

.p_a {
    position: absolute;
}



.color-6 {
    color: #666;
}

.recommend > ul > li {
    width: 42px;
    height: 28px;
    line-height: 28px;
    background: #f2bfbf;
    margin-right: 2px;
    list-style: none;
}

    .recommend > ul > li:hover, .recommend .active {
        background: url(../images/hover_bg.png) no-repeat;
        width: 42px;
        height: 35px;
        color: #fff;
    }

.recommend-info {
    margin-top: 16px;
}

    .recommend-info span a {
        line-height: 20px;
        display: block;
    }

    .recommend-info span {
        width: 172px;
    }

.cur {
    cursor: pointer;
}

.text-c {
    text-align: center;
}

.l {
    float: left;
    display: inline;
}

.r {
    float: right;
    display: inline;
}

.jiejulist {
}

    .jiejulist li {
        width: 98%;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-top: 1px dotted #ddd;
    }


.Comment {
    border: #dadada 1px solid;
    width: 100%;
}

.Rule {
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    font-size: 12px;
    color: #999999;
}


.comment {
    width: 100%;
    background-color: #efeeee;
    padding-top: 10px;
    padding-bottom: 40px;
}

.comment_text {
    width: 98%;
    height: 70px;
    display: block;
    margin: 0 auto;
    border: #ddd 1px solid;
}

.plun_btn {
    vertical-align: middle;
    margin-top: 8px;
    margin-right: 10px;
}

    .plun_btn a {
        background: url("../images/script.gif") no-repeat scroll 0 -294px transparent;
        color: #FFFFFF;
        display: inline-block;
        float: right;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        text-align: center;
        width: 87px;
        margin: 10px 10px 0 0;
    }

        .plun_btn a:hover {
            text-decoration: none;
        }

#msgbox {
    float: left;
    display: inline-block;
    margin-top: 8px;
    margin-left: 15px;
}

.plun_btn_x {
    float: right;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.plun_btn_y {
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
/*.Comment_title span.fast{ background: url("../images/script.gif") no-repeat scroll 0 -294px transparent;color: #FFFFFF;cursor: pointer;display: block;float: left; font-size: 14px; font-weight: bold; height: 26px; line-height: 24px; margin: 5px 0 0 10px; text-align: center; width: 87px;}
*/
.Comment_title {
    padding-bottom: 5px;
}

    .Comment_title .fast {
        background: url(../images/list/artagsbg.gif) no-repeat right 0;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 14px;
        height: 28px;
        line-height: 20px;
        margin: 8px 0 0 10px;
        text-align: center;
        width: 87px;
    }

.pingluninfo {
    margin: 20px auto;
}

    .pingluninfo p {
        color: #555;
        line-height: 25px;
    }

        .pingluninfo p.t {
            color: #ccc;
            margin-bottom: 15px;
            text-indent: 0em;
            border-bottom: 1px solid #f5f5f5;
            font-size: 12px;
        }

.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .button:hover {
        background-color: #eee;
        color: #555;
    }

    .button:active {
        background: #e9e9e9;
        position: relative;
        top: 1px;
        text-shadow: none;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    }

    .button[disabled], .button[disabled]:hover, .button[disabled]:active {
        border-color: #eaeaea;
        background: #fafafa;
        cursor: default;
        position: static;
        color: #999;
        /* Usually, !important should be avoided but here it's really needed :) */
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }


    .button.green, .button.red, .button.blue {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    }

    /* */

    .button.green {
        background-color: #57a957;
        border-color: #57a957;
    }

        .button.green:hover {
            background-color: #62c462;
        }

        .button.green:active {
            background: #57a957;
        }

    /* */

    .button.red {
        background-color: #ca3535;
        border-color: #c43c35;
    }

        .button.red:hover {
            background-color: #ee5f5b;
        }

        .button.red:active {
            background: #c43c35;
        }

    /* */

    .button.blue {
        background-color: #269CE9;
        border-color: #269CE9;
    }

        .button.blue:hover {
            background-color: #70B9E8;
        }

        .button.blue:active {
            background: #269CE9;
        }

.mygreen {
    color: green;
}