/*---------------------- CONFIG STYLE----------------------*/
body {
    line-height: 1.4;
    background: #000 url(../images/bg-2.jpg) center top fixed no-repeat;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    color: #333;
    outline: 0 none;
}
a, a:hover, .button:hover, .submit:hover, .btnsearch:hover, .gray-button:hover {
    cursor: pointer;
}
a {
    text-decoration: none;
    color: #17658c;
    outline: 0 none;
}
a:hover {
    text-decoration: underline;
}
.grid980 {
    margin: 0 auto;
    width: 980px;
}
.clear-fix {
    clear: both;
}
.fixed-middle {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1000;
}
/*---------------------- dev ----------------------*/
.none {
  display: none !important;
}
.abs {
  position: absolute !important;
}
.rel {
    position: relative !important;
}
.zme-autocomplete-loading {
    background: url("../images/loading.gif") no-repeat scroll right center white;
}
.seo {
    display: none;
}
.center {
    text-align: center;
}
/*---------------------- Config ----------------------*/
#home a, .music-function a, .sidebar-block-title, .link-group-title:before, .zing-star li a, .tag-page li, .user-area h3, .usong a, .ufsong a, .uplaylist a, .ufplaylist a, .ufvideo a, .star, .zing-video-img .top-rank, .zme-boxy-close, .close-box, .close-box:hover, #tab-tooltip a:before, .read-all, .off-ads a, .notification, .music-function-box li a, .music-function-box .add-playlist, .main-notification p,span.dialog, .notification .close, .comment-item .close, .iLyric span, .tab-search li, .drop-box a, .filter p, .fb, .user-vip, .singer-img .top-rank, .rank-up, .rank-down, .rank-peak, .rank-new, .rank-bar, .bxh-title .read-more, .bxh-detail .read-more, .option-select, .next-button, .prev-button, .hlyric, .hq, .hit, .number {
    background: url("../images/icon-8.png") no-repeat;
}
.cate-title, .video .content-item a.video-img, .zing-video-img, .video-img ,.upload a, .author span, .singer-info-block .singer-image, .singer-img, .singer-video .video-img, .biz-channel-img, .album-img, #tab-tooltip a, .paging a, .social a, .tab-nav li, .icon, .content-block-title, .oLyric a, .album-detail-img, .bxh-col .content-item.first-child .top-rank, .bxh-video-img, .bxh-title {
    background: url("../images/icon-24.png") no-repeat;
}
#tab-tooltip a, .box-paging a.active, .button, .tab-nav li, .main-notification, .song-slider-nav li, .button, .paging a, .lyric-content, .gray-button, .etooltip, .bxh-time {
    background: url(../images/vline.jpg) top left repeat-x;
}
.button, .gray-button {
    padding: 3px 10px;
    overflow: hidden;
    height: 18px;
}
.select {
    height: 26px;
    padding: 3px 0;
    line-height: 20px;
}
.text-box {
    width: 180px;
    height: 18px;
    padding: 3px 10px;
}
.main-nav a:hover, .button:hover, .music-function-box li a:hover, .search-item a:hover, #tab-tooltip a:hover, #tab-tooltip .active, .paging a:hover, .paging .active,.tab-nav .tab-selected, .user-area ul li:hover a, .tab-nav a:hover, .song-slider-nav a:hover, .drop-box a:hover, .gray-button:hover, .option-select:hover  {
    text-decoration: none;
}
.search-item, .search-autocomplete a {
    clear: both;
    overflow: hidden;
}
.search-item strong, .tbsearch, .btnsearch, .tag-page li a, .login, .login a, .user-area h3, .main-nav li a, .sub-nav h2, .cate-title, .sidebar-block-title, .song-slider-nav a, .content-block-title, .album .content-item h3 a, .video .content-item h3 a, .singer-video h3 a, .singer-album h3 a, .news .content-item h3 a, .special-song .content-item h3 a, .zing-star  li a, .top-rank, .zing-top-video-item h3 a, .zing-top-album-item h3 a, .video-item h3 a, .album-item h3 a, .zing-top-song-item h3 a, .song-item h3 a, .link-group-title, .detail-title, .emb-tooltip label, .singer-info-block span, .singer-item-title, .singer-album-title, .comment-item p a, .lyric-block h3, .lyric-content h3, .oLyric span,  .album-info p span, #tab-tooltip a, .paging a, .button, .tab-nav li, .main-notification, .channel-info span, .gray-button, .search-for, .album-info h2 a, .biz-info span, .blog a, .cate-active, .singer-img .top-rank, .resultStats strong, .drop-box a.selected, .first-search-song h3, .playlist-num {
    font-weight: bold;
}
/* Text-color*/
.tab-nav a, .tooltip p, .special-song .content-item p, .sidebar-block-title a.read-more, .search-item h3, .search-item span, .music-function-box p .text-box, .music-function-box li a, .sidebar-block-content p,  #tab-tooltip a, .paging a, .button, .tab-nav li, .main-notification, .box-paging a, .gray-button, .content-block .video-item p, .first-search-song p {
    color: #808080;
}
 .sidebar-block-title a.read-more:hover, .video .content-item span a, .singer-video span a, .singer-album span a, .user-function a, .tab-nav .tab-selected a, .zing-top-video-item span a, .zing-top-album-item span a, .zing-top-song-item span a, .video-item span a, .album-item span a, .song-item span a, .detail-title, .song-info, .lyric-block h3, .lyric-block p, .singer-info-block p, .comment-form .comment-textarea, .comment-item p, .search-item a, .music-function-box li a:hover, .main-notification p, .user-area li a:hover, .song-slider-nav a, .tooltip p, .detail-content h3, .album-info p, #tab-tooltip a:hover, #tab-tooltip .active, .paging a:hover, .paging .active,.tab-nav .tab-selected, .channel-info p, .gray-button:hover, .search-for, .drop-box a, .etooltip p, .biz-info p, .cate-active, .donor p, .bxh-col .content-item .top-rank, .bxh-col .content-item a, .rank-peak, .bxh-title, .singer-item .read-more, .playlist a, .video-playlist a, #tab-tooltip .like:hover, .emb-tooltip label, #tab-tooltip .unlike:hover {
    color: #555;
}
.search-item a:hover, .search-item a:hover span, .user-area li a, .btnsearch, .tag-page li a, .login, .login a, .user-area h3 a, .sub-nav h2, .album .content-item h3 a, .zing-video-img .top-rank, .zing-top-song-item .top-rank, .button, .paging a:hover, .paging .active, .singer-img .top-rank {
    color: white;
}
.main-notification a:hover, .other-news li:before, .user-function a:hover, .sidebar-block-content a, .sidebar-block a.read-more:hover, .playlist a:hover, .channel-info h2, .biz-info h2, .option-select:hover {
    color: #17658c;
}
/* Font-size*/
 .user-area ul li a, .off-ads a, .album .content-item span a, .video .content-item span a, .singer-video span a, .singer-album span a, .special-song .content-item p, .user-function ul li, .post-time, .zing-top-video-item span a, .zing-top-album-item span a, .video-item span a, .album-item span a, .song-item span a, .zing-top-song-item span a, .link-group, .copyright, .search-item span, span.comment-time, .content-block .video-item p, .comment-char, .hotmusic .album-item .meta p, .rank-peak, .first-search-song p, search-tip {
    font-size: 11px !important;
}
.tag-page li a, .sub-nav h2, .cate-title, .sidebar-block-title, .content-block-title, .lyric-block h3, .album-info h2 a  {
    font-size: 14px;
}
.music-function a, .social a, .author span, .close-box, .logo a, #home a, .notification .close, .comment-item .close, .oLyric a, .rank-new, .rank-bar {
      font-size: 0px;
      color: white;
      display: block;
}
.user-area .last-child a, .tab-nav .last-child, .sub-nav .last-child, .sidebar-block .last-child, .sidebar-block-title, .filter .last-child a, .special-song .content-item.last-child, .channel-banner a.last-child, .list-channel .content-item.last-child, .bxh-col .content-item.last-child, .filter-block .last-child, .video-playlist .content-item.last-child {
    border: none;
    margin: 0;
}
/* css3*/
.categories, .sidebar-block, .music-function-box, .music-function-box .list-playlist, .lyric-content, .drop-box, .etooltip {
    border: 1px solid #dfdfdf;
    -moz-box-shadow: 0 0px 5px #dfdfdf;
    -webkit-box-shadow: 0 0px 5px #dfdfdf;
    -ms-box-shadow: 0 0px 5px #dfdfdf;
    -o-box-shadow: 0 0px 5px #dfdfdf;
    box-shadow: 0 0px 5px #dfdfdf;
}
.player, .avatar, .content-box, .bxh-col {
    -moz-box-shadow: 0 0px 5px #ebebeb;
    -webkit-box-shadow: 0 0px 5px #ebebeb;
    -ms-box-shadow: 0 0px 5px #ebebeb;
    -o-box-shadow: 0 0px 5px #ebebeb;
    box-shadow: 0 0px 5px #ebebeb;
}
.user-area h3, .user-area h3, .player, #tab-tooltip a, .tooltip, .same-singer, .singer-album, .singer-video, .comment-form, .avatar, .paging a, .button, .zing-top-song-item .top-rank, .text-box, .select, .search-img, .notification, .music-function-box, .music-function-box .list-playlist, .main-notification, .comment-item p, .textarea, .lyric-content, .content-box, .channel-img, .box-paging .active, .drop-box, .gray-button, .etooltip, .channel-banner, .list-channel, .bxh-col {
    border: 1px solid #dfdfdf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.user-avatar, .user-area ul {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.main-nav a, #tab-tooltip a, #tab-tooltip .like:hover, #tab-tooltip .unlike:hover, .content-block-title, .comment-form p span, .paging a, .tab-nav a, .search-item a , .notification, .music-function-box li a:hover, .main-notification , .cate-title, .lyric-content, .drop-box a:hover, .gray-button, .search-for, .etooltip, .bxh-title {
    text-shadow: 0px 1px 0px #FFFFFF;
    -webkit-text-shadow: 0px 1px 0px #FFFFFF;
    -ms-text-shadow: 0px 1px 0px #FFFFFF;
    -o-text-shadow: 0px 1px 0px #FFFFFF;
    -moz-text-shadow: 0px 1px 0px #FFFFFF;
}
.paging a:hover, .paging .active, .button, .sub-nav a, a.nav-hover, .upload a, .box-paging a.active, #tab-tooltip .like, #tab-tooltip .unlike {
    text-shadow: 0px 1px 0px #2c4566;
    -webkit-text-shadow: 0px 1px 0px #2c4566;
    -ms-text-shadow: 0px 1px 0px #2c4566;
    -o-text-shadow: 0px 1px 0px #2c4566;
    -moz-text-shadow: 0px 1px 0px #2c4566;
}
.zing-top-song-item .top-rank, .sub-col h2, .search-item a:hover, .playlist-num {
    text-shadow: 0px 1px 1px #333333;
    -webkit-text-shadow: 0px 1px 1px #333333;
    -ms-text-shadow: 0px 1px 1px #333333;
    -o-text-shadow: 0px 1px 1px #333333;
    -moz-text-shadow: 0px 1px 1px #333333;
}
#tab-tooltip a, .paging a, .button, .tab-nav li, .main-notification, .gray-button {
    background-position:  left -161px;
    -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
    -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
    -ms-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
    -o-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 10px;
    position: relative;
    display: block;
}
#tab-tooltip a:hover, #tab-tooltip .active, .paging a:hover, .paging .active,.tab-nav .tab-selected, .gray-button:hover {
    background-position: left -190px;
}
.music-function-box, .music-function-box .list-playlist, .search-autocomplete, .footer, .avatar, .drop-box {
    background-color: white;
}
.bottom40 {
    bottom: 40px;
    top: auto !important;
}
.bottom30 {
    bottom: 28px;
    top: auto !important;
}
.disable, .disable:hover {
    color: #d9d9d9!important;
    background: white none!important;
    color: #d9d9d9!important;
    border: 1px solid #e5e5e5!important;
    text-shadow: none!important;
    cursor: default;
}
/*---------------------- header ----------------------*/
.top-wrap {
    background: url(../images/h-bg.jpg) top center no-repeat;
    margin-bottom: 5px;
}
    /* Begin logo*/
    .logo a {
        height: 43px;
        float: left;
        display: block;
        margin: 0 25px 0 0;
    }
    /* Begin search*/
    .search {
        position: relative;
    }
        .search p {
            overflow: hidden;
            padding: 3px;
            background-color: #5e2876;
            margin-top: 5px;
            float: left;
        }
            .tbsearch {
                display: block;
                width: 248px;
                height: 23px;
                border: 1px solid #84519a;
                float: left;
                padding: 0 10px;
                line-height: 23px;
                color: #5c5c5c;
                margin-right: 1px;
            }
            .btnsearch {
                display: block;
                width: 60px;
                height: 24px;
                background-color: #915cae;
                text-align: center;
                border: 1px solid #915cae;
                border-top: 1px solid #bd79c2;
                border-right: 1px solid #bd79c2;
                margin: 1px 0 0 5px;
                float: right;
            }
            /* Begin search-autocomplete*/
            .search-autocomplete {
                position: absolute;
                top: 35px;
                left: 146px;
                z-index: 99999;
                width: 268px;
                border: 1px solid #B3B3B3;
            }
                    .search-item h3 {
                        padding: 10px 0 0 10px;
                        float: left;
                    }
                    .search-item ul {
                        float: right;
                        width: 75%;
                        border-left: 1px solid #dfdfdf;
                        border-bottom: 1px solid #dfdfdf;
                        background-color: #f2f2f2;
                    }
                        .search-for {
                            border-bottom: 1px solid #dfdfdf;
                            padding: 5px 15px;
                            display: block;
                        }
                            .zme-autocomplete-activeItem {
                                background-color: #e5e5e5;
                            }
                            .search-item a {
                                padding: 5px;
                                display: block;
                            }
                            .search-item a:hover {
                                background-color: #8E59A9;
                            }
                            .zme-autocomplete-activeItem {
                                background-color: #e5e5e5;
                            }

                                .search-item span {
                                    display: block;
                                }
                                .search-img {
                                    float: left;
                                    margin-right: 5px;
                                    padding: 2px;
                                }
    /* Begin tag-page*/
    .tag-page {
        padding-left: 10px;
        overflow: hidden;
        float: left;
        width: 200px;
        position: relative;
    }
        .tag-page li {
            float: left;
            padding: 10px;
            background-position: right -25px;
        }
        .tag-page li.last-child {
            background: none;
        }
    /* Begin user-area*/
    .login {
        float: right;
        padding: 15px 45px 0 0;
    }
    .user-area {
        float: right;
        padding: 4px 0 0 25px;
        position: relative;
    }
        .user-vip {
            background-position: left -1320px;
        }
        .user-avatar {
            border: 1px solid white;
            display: block;
            width: 35px;
            height: 35px;
            margin-right: 10px;
            float: left;
            overflow: hidden;
        }
            .user-area h3  {
                display: block;
                width: 85px;
                height: 20px;
                background-color: #490E66;
                border: 1px solid #905CAC;
                float: right;
                text-align: center;
                line-height: 20px;
                margin: 8px 10px 0 0;
                background-position:  40px -161px;
                overflow: hidden;
            }
        .user-area ul {
            background-color: #490E66;
            border: 1px solid #905CAC;
            position: absolute;
            top: 38px;
            left: 17px;
            z-index: 1000000;
            width: 140px;
        }
            .user-area ul li {
                display: inline;
            }
            .user-area ul li a {
                padding: 4px 10px;
                border-bottom: 1px solid #905CAC;
                display: block;
                float: left;
                width: 120px;
            }
            .user-area ul li a:hover {
                background-color: #EFEFEF;
            }
    /* Begin .main-nav*/
    .main-nav {
        clear: both;
        height: 35px;
        position: relative;
    }
        .main-nav ul {
            padding: 5px;
        }
            .main-nav ul li {
                float: left;
                line-height: 25px;
                padding: 0 15px 5px;
            }
                .main-nav li a {
                    color: #474747;
                }
                #home {
                    padding: 0;
                    background-color: transparent;
                }
                    #home a{
                        width: 20px;
                        height: 23px;
                        color: #EFEFEF;
                        background-position: left -5px;
                        border-right: 1px solid #474747;
                        margin-right: 5px;
                        padding-right: 15px;
                    }
                    .upload, .off-ads {
                        padding: 0!important;
                    }
                    .upload a {
                        display: block;
                        width: 95px;
                        height: 25px;
                        background-position: -47px -190px;
                        position: absolute;
                        right: 0px;
                        top: 1px;
                        overflow: hidden;
                        color: white!important;
                        padding: 3px 0 0 15px;
                    }
                    .off-ads a {
                        padding-left: 25px;
                        position: absolute;
                        display: block;
                        top: 5px;
                        right: 120px;
                        background-position: -30px -749px;
                        color: #808080!important;
                    }
                    .off-ads a:hover {
                        background-position: -30px -771px;
                        color: #474747!important;
                    }
                    .main-nav > ul > li:hover, .nav-li-hover {
                        background-color: #490E66;
                    }
                        .main-nav > ul > li:hover .sub-nav, .main-nav > ul > li > a:hover + .sub-nav {
                            display: block;
                        }
                    /* Begin sub-nav*/
                    .sub-nav {
                        position: absolute;
                        background-color: #490E66;
                        z-index: 1000000;
                        overflow: hidden;
                        padding: 10px 0;
                        left: 0;
                        top: 35px;
                    }
                        .sub-col, .sub-col-2 {
                            float: left;
                        }
                            .sub-col ul, .sub-col-2 ul {
                                width: 300px;
                                overflow: hidden;
                                padding: 0 13px;
                                border-right: 1px solid #905CAC;
                            }
                             .sub-col-2 ul {
                                width: 155px;
                                min-height: 95px;
                            }
                            .sub-nav h2 {
                                text-align: center;
                                border-bottom: 1px solid #905CAC;
                                padding-bottom: 5px;
                            }
                            .sub-col li, .sub-col-2 li {
                                padding: 0 !important;
                                width: 100px;
                                line-height: 24px !important;
                            }
                            .sub-col-2 li {
                                width: 155px;
                            }
                                .sub-nav a {
                                    color: #e1a6ff!important;
                                    font-weight: normal!important;
                                }
                                .sub-nav a:hover, .nav-hover {
                                    color: white!important;
                                }
        /* Begin top-banner*/
        .ads {
            overflow: hidden;
        }
        .ads-300-250, .ads-300-100 {
            margin-bottom: 10px;
        }
        .ads-300-250 {
            display: block;
            width: 300px;
            height: 250px;
        }
        .ads-300-100 {
            display: block;
            width: 300px;
            height: 100px;
        }
/*---------------------- content ----------------------*/
.content {
    background-color: #fff;
    margin-top: 5px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
    .content-box {
        padding: 10px;
        overflow: hidden;
        clear: both;
    }
    /* Begin categories*/
    .categories {
        float: left;
        width: 128px;
        border-top: none;
    }
        /* Begin category*/
        .category {
            padding-bottom: 5px;
        }
            .cate-title {
                background-position: left -745px;
                padding: 5px 0 5px 35px;
                height: 21px;
            }
            .cate-title, .sidebar-block-title {
                margin-bottom: 5px;
            }
            .sidebar-block.user-function {
                padding: 0;
            }
            .category ul, .etooltip p {
                padding: 0 10px;
            }
                .category ul li {
                    padding: 3px 0;
                }
    /* Begin main-content*/
    .main-content {
        float: left;
        width: 510px;
        margin-left: 10px;
    }
        /* Begin song-slider*/
        .song-slider {
            overflow: hidden;
        }
            .song-slider img {
                float: left;
            }
            .song-slider-nav {
                display: block;
                width: 180px;
                height: 200px;
                float: right;
            }
                .song-slider-nav li {
                    height: 30px;
                    padding: 10px 25px;
                    background-position: left -50px;
                }
                .song-slider-nav .song-slider-selected {
                    position: relative;
                    background-position: left top;
                }
                    .song-slider-selected a{
                        color: white !important;
                    }
                    .song-slider-selected a span {
                        color: #c0adcd !important;
                    }
                    .song-slider-nav a span {
                        display: block;
                        color: #888;
                        font-weight: normal;
                    }
        /* Begin main-notification*/
        .main-notification {
            margin-bottom: 10px;
            float: none;
            width: 958px;
            box-shadow: 0 0 5px #DFDFDF;
        }
            .main-notification p {
                padding-left: 35px;
                background-position: 0px -1035px;
                display: block;
                height: 30px;
                line-height: 30px;
            }
            .main-notification p.caution {
                background-position: 0px -1060px;
            }
             .main-notification p.maintenance {
                background-position: 0px -1090px;
            }
        /* Begin content-block*/
        .content-block {
            margin-top: 10px;
            overflow: hidden;
            clear: both;
        }
            .special-song {
                overflow: visible;
            }
            .content-block-title {
                background-position: left -711px;
                background-repeat: repeat-x;
                line-height: 30px;
                height: 31px;
                padding-left: 20px;
                margin-bottom: 10px;
                position: relative;
                overflow: hidden;
                border-left: 1px solid #dfdfdf;
                border-right: 1px solid #dfdfdf;
            }
                .content-block-title a.read-more, .sidebar-block a.read-more, .play-all, .bxh-title .read-more, .singer-item .read-more {
                    color: #333;
                    font-size: 12px;
                    font-weight: normal;
                    position: absolute;
                    right: 10px;
                }
                .sidebar-block a.read-more, .play-all,  .singer-item .read-more {
                    border-left: 1px solid #DFDFDF;
                    border-radius: 3px 0 0 0;
                    border-top: 1px solid #DFDFDF;
                    bottom: 0;
                    display: block;
                    padding: 5px 10px;
                    right: 0;
                    color: #878787;
                    z-index: 20;
                }
        /* Begin album*/
        .channel .content-block-title:before, .album .content-block-title:before, .video .content-block-title:before, .news .content-block-title:before, .special-song .content-block-title:before, .lyric .content-block-title:before, .singer-info .content-block-title:before, .comment .content-block-title:before {
            content: '';
            width: 10px;
            background-color: #019cdc;
            position: absolute;
            height: 31px;
            left: 0;
            border-right: 1px solid #fafafa;
        }
            .album .content-item {
                display: block;
                width: 165px;
                height: 165px;
                position: relative;
                float: left;
                margin: 0 7px 5px 0;
                z-index: 20;
            }
            .video .content-item.last-child, .album .content-item.last-child, .singer-album .last-child, .singer-video .last-child, .same-singer .last-child, .channel .content-item.last-child {
                margin-right: 0 !important;
            }
                .album .content-item .meta {
                    position: absolute;
                    bottom: 0;
                    width: 145px;
                    height: 30px;
                    padding: 5px 10px 10px;
                    background-color: #000;
                    left: 0;
                    /* CSS3 standard */
                    opacity:0.75;
                }
                        .album .content-item span a {
                            color: #d2d1cf;
                        }
        /* Begin video*/
        .video .content-block-title:before, .singer-info .content-block-title:before {
            background-color: #46a73e;
        }
            .video .content-item, .singer-video .content-item, .singer-album .content-item {
                width: 134px;
                float: left;
                margin: 0 54px 8px 0;
                overflow: hidden;
            }
                .video .content-item a.video-img, .singer-video a.video-img, .search-content a.video-img {
                    display: block;
                    width: 131px;
                    height: 80px;
                    background-position: left -243px;
                    padding: 3px 0 0 3px;
                }
                .video .content-item .meta, .singer-video .meta, .singer-album .meta {
                    margin-top: 5px;
                }
        /* Begin news*/
        .content-block.news {
            margin-top: 0;
        }
        .content-block.video {
            margin-top: 5px;
        }
            .news .content-block-title:before, .comment .content-block-title:before {
                background-color: #EF2B75;
            }
            .channel .content-block-title:before, .comment .content-block-title:before {
                background-color: #f89f03;
            }
                .news .content-item {
                    overflow: hidden;
                }
                    .news .content-item a.news-img img {
                        float: left;
                        margin-right: 10px;
                    }
                .news .content-item p {
                    margin: 5px 0 0 165px;
                }
                .other-news {
                    margin: 10px 0 0 165px;
                }
                    .other-news li {
                        padding: 0 0 0 10px;
                        position: relative;
                    }
                    .other-news li:before {
                        content: '\BB';
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
        /* Begin special-song*/
            .special-song .content-block-title:before {
                background-color: #915CAE;
            }
            .special-song .content-item {
                padding: 0 70px 10px 0;
                border-bottom: 1px solid #ededed;
                position: relative;
                margin-bottom: 10px;
            }
                .content-item .music-function,.first-search-song .music-function, .search-content .music-function, .hotmusic .album-item .music-function {
                    position: absolute;
                    right: -10px;
                    top: 5px;
                }
                    .music-function a.music-download, .music-function a.add-lyric, .music-function a.mobile-download, .music-function a.single-play {
                        width: 22px;
                        height: 22px;
                        background-position: left -460px;
                        float: left;
                        margin-right: 10px;
                    }
                    .music-function a.single-play {
                        background-position: -3px -766px;
                    }
                    .music-function a.single-play:hover {
                        background-position: -3px -742px;
                    }
                    .music-function a.add-lyric {
                        background-position: left -485px;
                    }
                    .music-function a.add-lyric.checked, .music-function a.add-lyric.checked:hover {
                        background-position: -31px -657px;
                    }
                    .music-function a.add-lyric:hover {
                        background-position: -30px -485px;
                    }
                    .music-function a.music-download:hover {
                        background-position: -30px -460px;
                    }
                    .music-function a.mobile-download {
                        background-position: left -608px;
                    }
                    .music-function a.mobile-download:hover {
                        background-position: -30px -608px;
                    }
                        /* Begin music-function-box*/
                        .music-function-box, .music-function-box .list-playlist  {
                            position: absolute;
                            top: 28px;
                            right: 0px;
                            z-index: 40;
                        }
                            .music-function-box ul, .drop-box, .etooltip {
                                padding: 5px 0;
                            }
                                .music-function-box .add-playlist {
                                    position: relative;
                                    background-position: 172px -632px;
                                }
                                    .music-function-box .add-favorite a {
                                        background-position: left -885px;
                                    }
                                    .music-function-box .add-favorite a:hover {
                                        background-position: left -910px;
                                    }
                                    .music-function-box .add-zme-music a {
                                        background-position: left -937px;
                                    }
                                    .music-function-box .add-zme-music a:hover {
                                        background-position: left -962px;
                                    }
                                    .music-function-box .gv-zme-music a {
                                        background-position: left -989px;
                                    }
                                    .music-function-box .gv-zme-music a:hover {
                                        background-position: left -1011px;
                                    }
                                    .music-function-box li a, .drop-box a {
                                        padding: 5px 10px 5px 35px;
                                        display: block;
                                        background-position: left -837px;
                                        border-top: 1px solid white;
                                        border-bottom: 1px solid white;
                                        width: auto;
                                    }
                                        .drop-box a {
                                            background-position: left -937px;
                                            text-align: left;
                                        }
                                    .music-function-box li a:hover, .drop-box a:hover {
                                        background-position: left -862px;
                                        background-color: #f2f2f2;
                                        border-top: 1px solid #dfdfdf;
                                        border-bottom: 1px solid #dfdfdf;
                                    }
                                        .drop-box a:hover {
                                            background-position: left -962px;
                                        }
                                         .drop-box .gift a {
                                            background-position: left -989px;
                                        }
                                         .drop-box .gift a:hover {
                                            background-position: left -1011px;
                                        }
                                    .music-function-box p {
                                        padding: 5px 5px;
                                        overflow: hidden;
                                        border-top: 1px solid #dfdfdf;
                                        background-color: #f2f2f2;
                                    }
                                    .music-function-box p .text-box {
                                        width: 95px;
                                        float: left;
                                    }
                                    .music-function-box p .button {
                                        float: right;
                                        margin: 0 0 0 5px;
                                        height: 16px;
                                    }
                                       .music-function-box .list-playlist {
                                            left: 15px;
                                            width: 185px;
                                            max-height: 144px;
                                            overflow: auto;
                                            display: none;
                                       }
                                       .add-playlist.active ul {
                                           display: block !important;
                                       }
    /* Begin sidebar*/
    .sidebar {
        width: 300px;
        float: right;
    }
        /* Begin sidebar-block*/
        .sidebar-block {
            margin-bottom: 10px;
            position: relative;
            padding-bottom: 15px;
        }
        .nt-sidebar-block {
            margin-top: 10px;
            padding: 10px;
            overflow: hidden;
        }
            .nt-sidebar-block .biz-channel-img {
                margin-right: 10px;
            }
            .sidebar-block-title {
                padding: 10px 10px 10px 10px;
                margin: 0;
                background-position: left 35px;
                background-repeat: repeat-x;
            }
            .sidebar-block-content {
                padding: 10px;
            }
                .sidebar-block-content p {
                    margin-bottom: 10px;
                }
                .sidebar-singer .song-item .meta {
                    padding-top: 20px;
                }
        /* Begin user-function*/
        .user-function ul {
            padding: 10px 0;
            overflow: hidden;
        }
            .user-function ul li {
              display: inline;
            }
            .user-function ul li a {
                float: left;
                width: 45px;
                text-align: center;
                padding: 30px 7px 0;
                display: block;
            }
            .user-function .usong a {
                background-position: center -110px;
            }
            .user-function .ufsong a {
                background-position: center -320px;
            }
            .user-function .uplaylist a {
                background-position: center -180px;
            }
            .user-function .ufplaylist a {
                background-position: center -390px;
            }
            .user-function .ufvideo a {
                background-position: center -250px;
            }
        /* Begin zing-star*/
            .zing-star ul, .zing-top-video-block, .zing-top-song-block, .song-block, .video-block, .blog ul, .zing-top-album-block {
                padding: 10px 10px 0 10px;
            }
                .zing-star ul li, .zing-top-video-item, .zing-top-song-item, .zing-top-album-item, .song-item, .video-item, .album-item, .blog li, .bxh-col .content-item {
                    overflow: hidden;
                    border-bottom: 1px solid #dfdfdf;
                    margin-bottom: 10px;
                    clear: both;
                }
                .zing-star ul li {
                    position: relative;
                    height: 70px;
                }
                .zing-star .last-child, .zing-top-video .last-child, .zing-top-song .last-child {
                    margin: 0;
                }
                    .zing-star ul li img, .zing-top-video-item .zing-video-img, .video-item .video-img {
                        float: left;
                        margin:0 10px 20px 0;
                    }
                        .zing-video-img {
                            margin-bottom: 5px !important;
                        }
                    .star {
                        position: absolute;
                        left: 0;
                        bottom: 6px;
                        display: block;
                        width: 52px;
                        height: 12px;
                    }
                    .st0 {
                        background-position: 1px -510px;
                    }
                    .st1 {
                        background-position: 1px -522px;
                    }
                    .st2 {
                        background-position: 1px -533px;
                    }
                    .st3 {
                        background-position: 1px -545px;
                    }
                    .st4 {
                        background-position: 1px -557px;
                    }
                    .st5 {
                        background-position: 1px -569px;
                    }
                    .st6 {
                        background-position: 1px -581px;
                    }
                    .st7 {
                        background-position: 1px -593px;
                    }
                        .zing-star  li a {
                            padding-right: 5px;
                            position: relative;
                            background-position: 40px -3528px;
                        }
                        .post-content:before {
                            position: absolute;
                            top: 0;
                            left: 0;
                            display: block;
                            width: 20px;
                        }
                        .post-time {
                            display: block;
                            color: #888;
                            margin-top: 3px;
                        }
        /* Begin zing-top-video*/
        .zing-video-img, .video-img {
            display: block;
            width: 115px;
            height: 70px;
            background-position: left -326px;
            padding: 3px 0 0 3px;
            position: relative;
            margin-bottom: 5px!important;
        }
            .zing-video-img .top-rank, .singer-img .top-rank {
                position: absolute;
                bottom: 5px;
                left: 1px;
                display: block;
                width: 20px;
                height: 20px;
                text-align: center;
                line-height: 20px;
                background-position: left -660px;
            }
        /* Begin social*/
        .social {
            float: right;
        }
            .social a {
                width: 24px;
                height: 24px;
                float: left;
                background-position: left -792px;
                margin-left: 10px;
            }
                .igoogle {
                    background-position: -45px -792px !important;
                }
                .imail {
                    background-position: -86px -792px !important;
                }
                .iother {
                    background-position: -131px -792px !important;
                }
        .tab-nav {
            border-bottom: 1px solid #DFDFDF;
            border-top: 1px solid #DFDFDF;
            overflow: hidden;
            padding-left: 1px;
        }
            .tab-nav li {
                padding: 5px 0;
                float: left;
                display: block;
                width: 98px;
                text-align: center;
                border: none;
                border-right: 1px solid #DFDFDF;
                margin: 0;
            }
        /* Begin zing-top-song*/
        .zing-top-song-item .meta, .song-item .meta {
             overflow: hidden;
             margin-bottom: 10px;
        }
            .zing-top-song-item .top-rank {
                display: block;
                width: 22px;
                height: 20px;
                background-color: #999;
                text-align: center;
                line-height: 20px;
                float: left;
                margin: 0 10px 10px 0;
                border: none;
            }
            .zing-top-song-item .tr3 {
                background-color: #A16EB1;
            }
/*---------------------- footer ----------------------*/
.footer {
    padding: 10px 0;
    overflow: hidden;
    clear: both;
}
.footer-info {
    padding: 10px;
    border-top: 5px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
 }
    /* Begin link-group*/
    .link-group {
        float: left;
        width: 145px;
        padding-left: 15px;
    }
        .link-group-title {
            color: #5c5c5c;
            margin-bottom: 5px;
            position: relative;
        }
            .link-group-title:before {
                background-position: right -5px;
                position: absolute;
                display: block;
                width: 5px;
                height: 9px;
                content: '';
                left: -15px;
                top: 3px;
            }
            .link-group ul li {
                margin: 2px 0;
            }
    .copyright {
        clear: both;
        float: left;
        width: 400px;
        padding: 0 20px;
    }
        .copyright span {
            display: block;
        }
    .author {
        float: right;
        width: 400px;
        text-align: right;
        padding: 13px 65px 20px 0;
        overflow: hidden;
        position: relative;
    }
        .author span {
            width: 48px;
            height: 25px;
            background-position: left -218px;
            float: right;
            position: absolute;
            top: 10px;
            right:10px;
        }
    .fb {
        display: block;
        width: 25px;
        height: 60px;
        background-position: right -1258px;
    }
/*---------------------- detail-page ----------------------*/
.detail-content {
    width: 650px;
    float: left;
    padding-right: 10px;
    position: relative;
}
    .detail-content h4 {
        font-weight: bold;
        margin: 20px 0 10px;
        font-size: 14px;
    }
    .detail-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
        .song-info {
            font-size: 11px;
            margin-bottom: 10px;
        }
    .player-block {
        width: 650px;
        float: left;
    }
        .player {
            padding: 4px 0;
            overflow: hidden;
            clear: both;
            margin-bottom: 10px;
            text-align: center;
        }
            .expand {
                width: 958px;
            }
            /* Begin playlist*/
            .playlist {
                text-align: left;
                max-height: 155px;
                overflow: auto;
            }
                .playlist .music-function {
                    float: right;
                    padding: 4px 0 0 10px;
                }
                .playlist li {
                    border-top: 1px solid #dfdfdf;
                    line-height: 30px;
                    padding: 0 0 0 5px;
                }
                    .playlist .playing {
                        background-color: #ebebeb;
                    }
                    .playlist span {
                        font-weight: bold;
                        border-right: 1px solid #dfdfdf;
                        display: block;
                        width: 25px;
                        float: left;
                        margin-right: 10px;
                        height: 18px;
                        margin-top: 5px;
                        line-height: 18px;
                        text-align: center;
                    }
                        .playlist .playing a, .playlist .playing span, .video-playlist .playing a {
                            text-shadow: 0px 1px 0px #FFFFFF;
                            font-weight: bold;
                        }
            /* Begin video-playlist*/
            .video-playlist {
                padding: 10px 30px 7px;
                overflow: hidden;
                position: relative;
                z-index: 20;
            }
                .video-playlist-list {
                    text-align: left;
                    overflow: hidden;
                    position: relative;
                    width: 588px;
                }
                    .video-slider {
                        position: relative;
                        width: 200000px;
                    }
                    .video-playlist-list ul {
                       float: left;
                    }
                .video-playlist .content-item {
                    width: 118px;
                    float: left;
                    margin-right: 10px;
                    padding: 10px;
                }
                    .expand .video-playlist-list {
                        width: 900px;
                    }
                    .expand .video-playlist .content-item {
                        margin-right: 13px;
                    }
                .video-playlist .playing {
                    background-color: #EBEBEB;
                    border: 1px solid #dfdfdf;
                    border-radius: 3px;
                }
                    .video-playlist .prev-button, .video-playlist .next-button {
                        border: 1px solid #dfdfdf;
                        position: absolute;
                        top: 50px;
                        display: block;
                        width: 25px;
                        height: 40px;
                        z-index: 10;
                    }
                    .video-playlist .prev-button {
                        border-left: none;
                        left: 0px;
                        border-radius: 0 3px 3px 0;
                        background-position: 4px -1655px;
                    }
                    .video-playlist .next-button {
                        border-right: none;
                        right: 0px;
                        border-radius: 3px 0 0 3px;
                        background-position: -25px -1655px;
                    }
                        .video-playlist .next-button:hover, .video-playlist .prev-button:hover {
                            background-color: #ebebeb;
                        }
        .detail-function {
            position: relative;
            z-index: 30;
        }
            #tab-tooltip {
                overflow: hidden;
                float: left;
                margin-bottom: 10px;
            }
                #tab-tooltip li {
                    display: inline;
                }
                    #tab-tooltip a {
                        padding: 5px 0 5px 28px;
                        width: 60px;
                        margin-right: 5px;
                    }
                        #tab-tooltip a:before {
                            background-position: left -700px;
                            width: 19px;
                            height: 16px;
                            display: block;
                            position: absolute;
                            top: 5px;
                            left: 6px;
                            content: "";
                        }
                        #tab-tooltip .add:before {
                            background-position: -19px -700px !important;
                        }
                        #tab-tooltip .add-button:before {
                            background-position: -19px -700px !important;
                        }
                        #tab-tooltip .emb:before {
                            background-position: left -720px !important;
                        }
                        #tab-tooltip .wm:before {
                            background-position: -40px -700px !important;
                        }
                        #tab-tooltip .wm:before {
                            background-position: -40px -700px !important;
                        }
                        #tab-tooltip .err:before {
                            background-position: -18px -721px !important;
                        }
                        #tab-tooltip .like:before, #tab-tooltip .unlike:before {
                            background-position: -35px -721px !important;
                        }
                        .add {
                            width: 42px!important;
                        }
                        .emb {
                            width: 53px!important;
                        }
                        .err {
                            width: 51px!important;
                        }
                        .wm {
                            width: 55px!important;
                        }
                        #tab-tooltip .like, #tab-tooltip .unlike {
                            border: 1px solid #5f77aa;
                            background-position: left -280px;
                            color: white;
                        }
                            #tab-tooltip .like {
                                width: 41px!important;
                            }
                        #tab-tooltip .like:hover, #tab-tooltip .unlike:hover {
                            border: 1px solid #ccc;
                        }
                            .like-num {
                                float: left;
                                padding: 6px 0 0 2px;
                            }
                            #tab-tooltip .unlike {
                                width: 59px!important;
                            }
            .tooltip {
                margin-top: 10px;
                clear: both;
                position: relative;
                padding: 10px;
                overflow: hidden;
            }
                .wm-tooltip {
                    overflow: visible;
                    height: 86px;
                }
                .close-box {
                    width: 16px;
                    height: 16px;
                    background-position: left -680px;
                    position: absolute;
                    top: 5px;
                    right: 5px;
                }
                .close-box:hover {
                    background-position: -33px -680px;
                }
                /* Begin col*/
                .one-three {
                    float: left;
                    position: relative;
                    text-align: center;
                    width: 208px;
                }
                .col-80 {
                    width: 500px;
                    float: left;
                    border-right: 1px solid #DFDFDF;
                    margin-right: 20px;
                    padding-right: 20px;
                }
                .add-tooltip p {
                    margin: 10px 0 ;
                }
                .add-tooltip .one-three {
                    padding: 0;
                }
                .add-tooltip .button {
                    margin: 10px 0 0 110px;
                }
                    .add-tooltip .text-box, .add-tooltip .select {
                        float: left;
                        margin: 0 10px 0 10px;
                        width: 94px;
                    }
                    .add-tooltip .select {
                        width: 120px;
                    }
                    .add-tooltip .last-child .button {
                        width: 50px;
                    }
                    .add-tooltip .middle-child .button {
                        width: 35px;
                        margin: 0;
                    }
                .one-three.middle-child {
                    border-left: 1px solid #DFDFDF;
                    border-right: 1px solid #DFDFDF;
                }
                    .one-three .button{
                        margin: 0 auto;
                        float: none;
                        width: 115px;
                    }
                    .one-three .icon {
                        display: block;
                        width: 60px;
                        height: 55px;
                        margin: 0 auto 5px;
                    }
                        .icon-disable, .icon-disable:hover {
                            cursor: default;
                            opacity: 0.3;
                        }
                    .dl-128kb .icon, .dl-320kb .icon , .dl-lossless .icon {
                        width: 73px;
                        height: 65px;
                    }
                        .dl-128kb .icon {
                            background-position: left -816px;
                        }
                        .dl-320kb .icon {
                            background-position: -84px -816px;
                        }
                        .dl-lossless .icon {
                            background-position: left -881px;
                        }
                         .dl-phonering .icon {
                            background-position: 7px top;
                        }
                        .gv-bgmusic .icon {
                            background-position: -87px top;
                        }
                        .gv-zme .icon {
                            background-position: left -85px;
                        }
                    .err-tooltip p {
                        text-align: center;
                        overflow: hidden;
                    }
                        .err-tooltip .select {
                            float: left;
                            margin: 10px 0 0 140px;
                            width: 250px;
                            padding-left: 20px;
                        }
                        .err-tooltip .textarea {
                            margin-top: 20px;
                            padding: 10px;
                            width: 330px;
                        }
                        .err-tooltip .button {
                            float: right;
                            margin: 10px 140px 0 0;
                        }
                        .emb-tooltip {
                            padding-bottom: 0px;
                        }
                            .emb-tooltip p {
                                overflow: hidden;
                                margin: 10px 0;
                            }
                            .emb-tooltip .text-box {
                                float: right;
                                width: 500px;
                            }
                            .emb-tooltip label {
                                line-height: 26px;
                                float: left;
                            }
                            .emb-tooltip .check-box {
                                margin: 0 5px;
                            }
                                .share-social {
                                    overflow: hidden;
                                    margin-bottom: 10px;
                                }
                                    .share-social .social {
                                        float: left;
                                    }
                                    .share-social .text-box {
                                        width: 410px;
                                    }
                    .drop-box {
                        position: absolute;
                    }
                    .etooltip {
                        position: absolute;
                        top: 38px;
                        left: 230px;
                        z-index: 25;
                        background-position: left -220px;
                    }
                        .etooltip span.dialog {
                            background-position: -20px -645px;
                            height: 7px;
                            left: 97px;
                            position: absolute;
                            top: -7px;
                            width: 20px;
                            display: block;
                        }
                        /* notification*/
                        .notification {
                            border: 1px solid #b4d957;
                            width: auto;
                            margin: 10px 0;
                            padding: 5px 0;
                            clear: both;
                            text-align: center;
                            position: relative;
                            color: #666452;
                        }
                        .notification.success {
                            color: #556652;
                            background-color: #e1f7bd;
                            background-position:  left -815px;
                        }
                        .notification.fail {
                            border-color: #D98D8D;
                            color: #665252;
                            background-color: #FFCECE;
                            background-position:  left -792px;
                        }
                         .notification.attention {
                            border-color: #E6DB55;
                            color: #666452;
                            background-color: #FFFBCC;
                            background-position:  left -1118px;
                        }
                            .notification .close, .comment-item .close {
                                position: absolute;
                                top: 5px;
                                right: 5px;
                                width: 7px;
                                height: 7px;
                                background-position: -21px -685px;
                            }
        /* Begin lyric*/
            .lyric-block h3 {
                margin-bottom: 5px;
            }
            .singer-info-block p, .album-info p, .channel-info p, .biz-info p, .album-item .meta p {
                margin: 5px 0;
            }
            .read-all {
                padding: 0 0 0 15px;
                background-position: -40px -738px;
                clear: both;
                display: block;
                float: right;
            }
            .read-all.hide {
                background-position: left -1140px;
            }
            /* lyric-content*/
            .lyric-content {
                padding-top: 24px;
                background-position: left -308px;
                position: relative;
                background-color: #FFFAE6;
            }
                span.lyric-author {
                    display: block;
                }
                .lyric-content h3 {
                    font-size: 16px;
                    margin-bottom: 2px;
                    line-height: 30px;
                    color: #737066;
                    padding: 0 170px 0 25px;
                }
                .lyric-content p {
                    line-height: 30px;
                    color: #737065;
                    padding: 0 80px 10px 25px;
                }
                .lyric-content .iLyric {
                    padding: 8px 25px;
                    background-color: #fff8d1;
                    border-top: 1px solid #f0e5b4;
                    overflow: hidden;
                }
                    .iLyric span {
                        background-position: -5px -1162px;
                        line-height: 17px;
                        color: #807D71;
                        display: block;
                        text-align: right;
                        float: right;
                        padding-left: 30px;
                    }
                    .iLyric .read-all {
                        float: left;
                    }
                .oLyric {
                    position: absolute;
                    top: 20px;
                    right: 15px;
                    z-index: 3;
                    color: #807D71;
                }
                    .oLyric span {
                        display: block;
                        margin: 10px 0;
                        position: relative;
                    }
                        .oLyric b {
                            padding: 0 25px;
                        }
                    .oLyric .prev-lyric {
                        background-position:  -15px -150px;
                        width: 12px;
                        height: 9px;
                        float: left;
                        margin: 5px 10px 0 0;
                        position: absolute;
                    }
                        .oLyric .prev-lyric:hover {
                            background-position:  -44px -150px;
                        }
                    .oLyric .next-lyric {
                        background-position:  0 -150px;
                        width: 12px;
                        height: 9px;
                        float: right;
                        margin: 5px 0 0 10px;
                        position: absolute;
                        right: 1px;
                    }
                        .oLyric .next-lyric:hover {
                            background-position:  -29px -150px;
                        }
                        .oLyric .like-lyric {
                          background-position:  -102px -150px;
                          width: 20px;
                          height: 20px;
                          float: right;
                      }
                        .oLyric .like-lyric:hover {
                            background-position:  -124px -150px;
                        }
                    .oLyric .dislike-lyric {
                        background-position:  -58px -150px;
                        width: 20px;
                        height: 20px;
                        float: right;
                        margin-left: 10px;
                    }
                        .oLyric .dislike-lyric:hover {
                            background-position:  -80px -150px;
                        }
                        .oLyric .like-lyric.voted, .oLyric .dislike-lyric.voted, .oLyric .dislike-lyric.voted:hover, .oLyric .like-lyric.voted:hover {
                            cursor: default;
                            opacity: 0.3;
                        }
                        .oLyric .voted.dislike-lyric:hover {
                            background-position: -58px -150px;
                        }
                        .oLyric .voted.like-lyric:hover {
                            background-position:  -102px -150px;
                        }
                    .oLyric .vote {
                        font-size: 11px;
                        line-height: 20px;
                        padding: 0 16px;
                        font-weight: normal;
                    }
                        .oLyric .score {
                            text-align: center;
                            padding-left: 55px;
                        }
                        .iLyric .textarea {
                            width: 578px;
                            padding: 10px;
                            margin: 10px 0;
                        }
                        .iLyric .notification  {
                            margin: 25px 0 0;
                        }
        /* Begin singer-info*/
            .singer-info-block .singer-image {
                display: block;
                width: 113px;
                height: 118px;
                float: left;
                margin: 0 15px 0 0;
                padding: 3px 0 0 3px;
                background-position: left -400px;
            }
        /* Begin same-singer*/
        .same-singer, .singer-album, .singer-video, .list-channel {
            clear: both;
            overflow: hidden;
            margin-top: 10px;
            padding: 10px 10px 20px;
            position: relative;
        }
            .singer-item-title, .singer-album-title {
                padding: 0 0 10px 0px;
            }
            .singer-item-title a {
                padding-right: 5px;
            }
                .singer-img {
                    display: block;
                    width: 56px;
                    height: 60px;
                    background-position: left -520px;
                    padding: 4px 0 0 3px;
                    margin: 0 10px 5px 0;
                    float: left;
                }
        /* Begin singer-album*/
        .singer-album .content-item {
            width: 100px;
            margin-right: 32px;
        }
        .album-img {
            width: 100px;
            height: 105px;
            background-position: left -597px;
            display: block;
            padding: 3px 0 0 3px;
        }
            .sidebar-block .album-img, .search-content .album-img {
                float: left;
                margin-right: 10px;
            }
        /* Begin singer-video */
        .singer-video .content-item {
            margin-right: 30px;
        }
        /* Begin comment*/
            .comment-form {
                background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
                background: -moz-linear-gradient(top,  #f9f9f9,  #e9e9e9);
                background: -ms-linear-gradient(top,  #f9f9f9,  #e9e9e9);
                background: -o-linear-gradient(top,  #f9f9f9,  #e9e9e9);
                background: linear-gradient(top,  #f9f9f9,  #e9e9e9);
                box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
                padding: 10px 10px 5px;
                margin-bottom: 20px;
            }
                .comment-char {
                    clear: both;
                    display: block;
                    text-align: right;
                    padding-top: 5px;
                }
                .avatar {
                    padding: 2px;
                    width: 50px;
                    height: 50px;
                    display: block;
                    float: left;
                    margin-right: 10px;
                }
                .comment-form p {
                    overflow: hidden;
                }
                    .comment-form p span {
                        padding-left: 70px;
                        color: #888;
                    }
                    .comment-form .comment-textarea {
                        width: 540px;
                        padding: 10px;
                        height: 65px;
                        margin-bottom: 5px;
                        border: 1px solid #dfdfdf;
                    }
                .form-button {
                    height: 26px;
                }
                .comment-form .button {
                    float: right;
                    margin: 0;
                }
            /* Begin comment-item*/
            .comment-item {
                clear: both;
                margin-bottom: 15px;
                position: relative;
            }
                .comment-item p {
                    margin-left: 70px;
                    padding: 10px;
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                    position: relative;
                }
                    .comment-item p span {
                        display: block;
                        font-size: 12px;
                        margin-top: 5px;
                        padding-top: 5px;
                    }
                    .comment-content {
                        border-top: 1px solid #dfdfdf;
                    }
                        span.comment-time {
                            color: #888888;
                            padding: 10px 0;
                            position: absolute;
                            right: 20px;
                            top: 0px;
                        }
                        .comment-item span.dialog {
                            width: 10px;
                            height: 20px;
                            position: absolute;
                            top: 0px;
                            left: -9px;
                            background-position:  -41px -632px;
                        }
                        .drop-box span.dialog {
                            width: 25px;
                            height: 9px;
                            position: absolute;
                            bottom: -8px;
                            left: 58px;
                            background-position:  -14px -629px;
                        }
                        .nonchange, .nonchange span {
                            display: inline!important;
                            margin: 0;
                            padding: 0;
                        }
            /* Begin paging*/
            .paging {
                padding-left: 5px;
                margin-top: 30px;
                clear: both;
            }
            .box-paging {
                padding: 10px 0 10px 60px;
                clear: both;
            }
                .paging ul, .box-paging ul {
                    overflow: hidden;
                    margin: 0 auto;
                    width: 385px;
                }
                    .paging li, .box-paging li {
                        display: inline;
                    }
                        .paging a, .box-paging a {
                            float: left;
                            padding: 2px 7px;
                        }
                        .box-paging a {
                            border: 1px solid white;
                            margin-right: 5px;
                        }
                        .button, .paging a:hover, .paging .active, .box-paging a.active {
                            background-position: left -130px;
                            border: 1px solid #3d6e99;
                            color: white;
                        }
                        .button:hover {
                            background-position:  left -100px;
                            border: 1px solid #26445F;
                        }
/*---------------------- user-control-page ----------------------*/
.form-bottom {
    clear: both;
    padding: 10px 0 10px 230px;
}
/*---------------------- playlist-page ----------------------*/
.album-detail-img {
    background-position: left -946px;
    display: block;
    height: 155px;
    padding: 5px 0 0 5px;
    width: 151px;
    float: left;
    margin-right: 10px;
    position: relative;
}
    .playlist-num {
        bottom: 25px;
        color: white;
        font-size: 25px;
        left: 5px;
        position: absolute;
        text-align: center;
        width: 145px;
    }
    .album-info .read-all {
        margin: -5px 0 5px;
    }
/*---------------------- search-page ----------------------*/
.search-sidebar {
    width: 300px;
}
.search-content {
    float: left;
    width: 650px;
}
    .hlyric {
        background-position: -8px -841px;
        margin-right: 5px;
    }
    .hq {
        background-position: left -1277px;
    }
    .song-des {
        position: absolute;
        top: 4px;
        right: 95px;
    }
    .hit {
        display: block;
        width: 45px;
        height: 45px;
        background-position: -5px -1694px;
        float: left;
        margin-left: 8px;
    }
    .number {
        background-position: -4px -1740px;
        color: white;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: 42px;
        float: left;
        margin-left: 10px;
        line-height: 55px;
        text-align: center;
        text-shadow: 0 1px 1px #333333;
        top: 5px;
        width: 43px;
    }
    .search-content .content-block {
        margin: 0;
    }
    .search-content .special-song {
        margin-top: 5px;
    }
    .resultStats {
        margin-bottom: 10px;
        padding: 0 10px;
    }
        .resultStats h2, .resultStats h1 {
            display: inline;
        }
    .search-content .singer-item {
        padding: 10px 10px 0;
        margin: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
    }
     .search-content .same-singer {
        padding: 0 10px 10px;
    }
        .search-content .same-singer .content-item {
            float: left;
            margin-right: 14px;
        }
    .first-search-song {
        padding: 0 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        position: relative;
    }
        .search-content .singer-video .content-item {
            margin-right: 30px;
        }
        .search-content .singer-album .content-item {
            margin-right: 32px;
        }
        .search-content .special-song .content-item {
            padding: 0 10px 10px;
        }
        .search-content .music-function {
            right:-12px;
        }
        .search-content .singer-item-title {
            padding-bottom: 10px;
        }
            .search-tip {
                padding: 10px;
                margin-top: 10px;
                background-color: #f2f2f2;
                border: 1px solid #dfdfdf;
                border-radius: 3px;
            }
.search-content .paging, .hotmusic .paging {
    padding-left: 65px;
    margin: 20px 0;
}
    .search-content .singer-info-block {
        margin-bottom: 10px;
        padding: 0 10px 20px;
        border-bottom: 1px solid #dfdfdf;
    }
            .singer-info-block {
                overflow: hidden;
                position: relative;
                min-height: 115px;
                padding-bottom: 15px;
            }
                 .singer-info-block .button {
                    font-size: 11px;
                    height: 15px;
                    line-height: 15px;
                    position: absolute;
                    top: 125px;
                    left: 20px;
                }
                    .search-content .singer-info-block .button {
                        left: 30px;
                    }
                .singer-info-block .read-all {
                    position: absolute;
                    bottom: 0;
                    left: 130px;
                    margin: 0 5px;
                }
                .search-content .read-all {
                    bottom: 8px;
                    left: 140px;
                    bottom: -2x;
                }
                .album-info .read-all {
                    float: left;
                    margin-left: 170px;
                }
                .singer-info-block p {
                    margin-left: 131px;
                }
                    .singer-info-block h1 {
                        font-size: 18px;
                    }
                .album-info p {
                    margin-left: 165px;
                }
        .search-categories {
            border-bottom: 1px solid #dfdfdf;
            position: relative;
            min-height: 36px;
            margin: 10px 0 20px;
        }
            .search-categories .gray-button {
                float: right;
                margin:0 0 8px 10px;
            }
            .tab-search {
                float: left;
            }
            .tab-search li {
                font-weight: bold;
                float: left;
                padding: 3px 0 11px 25px;
                margin-right: 20px;
            }
                .tab-search .smusic {
                    background-position: -5px -1457px;
                }
                .tab-search .svideo {
                    background-position: -8px -1487px;
                }
                .tab-search .splaylist {
                    background-position: -8px -1517px;
                }
                .tab-search .tab-music-selected, .tab-search .tab-video-selected, .tab-search .tab-playlist-selected {
                    color: #555;
                    border-bottom: 3px solid #b074d1;
                }
                .tab-search li a {
                    color: #878787;
                }
                 .tab-search .tab-music-selected {
                    background-position: -4px -1546px;
                 }
                 .tab-search .tab-video-selected {
                    background-position: -4px -1576px;
                 }
                 .tab-search .tab-playlist-selected {
                    background-position: -8px -1605px;
                 }
                    .tab-search .tab-music-selected a, .tab-search .tab-video-selected a, .tab-search .tab-playlist-selected a {
                        color: #555;
                        font-size: 14px;
                    }
                    /* Begin option-filter*/
                    .option-filter {
                        float: left;
                        position: relative;
                        margin-right: 20px;
                    }
                        .option-select {
                            border: 1px solid #dfdfdf;
                            border-radius: 5px;
                            padding: 2px 25px 2px 15px;
                            background-color: #f8f8f8;
                            display: block;
                            min-width: 50px;
                            background-position: right -1640px;
                            color: #555;
                        }
                        .option-select:hover {
                            border: 1px solid #dfdfdf;
                            background-color: white;
                        }
                        .option-filter .drop-box {
                            top: 28px;
                            left: 0px;
                            z-index: 20;
                        }
                                .option-filter ul a {
                                    width: 70px;
                                    background: none;
                                    padding: 5px 10px;
                                }
                .filter-block {
                    overflow: hidden;
                    background-color: #f2f2f2;
                    padding: 10px;
                    border: 1px solid #dfdfdf;
                    border-bottom: none;
                    clear: both;
                }
                    .filter {
                        float: left;
                        width: 218px;
                        border-right: 1px solid #dfdfdf;
                        height: 122px;
                        padding-left: 15px;
                    }
                        .filter p {
                            font-weight: bold;
                            background-position: left -1213px;
                            padding-left: 40px;
                        }
                        .filter ul {
                            margin: 5px 10px 0 0;
                            overflow: hidden;
                        }
                            .filter li a {
                                display: block;
                                height: 20px;
                                line-height: 20px;
                                padding-left: 15px;
                                color: #878787;
                            }
                            .filter .selected a {
                                color: #17658C;
                                font-weight: bold;
                            }
        .search-content .content-item h3 a, .search-content .first-search-song h3 a {
            font-size: 14px;
        }
            .search-content .special-song .content-item {
                margin-bottom: 5px;
            }
            /* Begin advance-search*/
            .advance-search {
                padding-left: 20px;
            }
                .advance-search p {
                    margin: 5px 0;
                }
                    .advance-search p span {
                        margin-right: 10px;
                    }
                        .advance-search p .text-box, .advance-search p .select {
                            margin-right: 10px;
                        }
                        .advance-search p .select {
                            width: 90px;
                        }
                        .advance-search .search-box {
                            width: 348px;
                        }
                        .advance-search p .label {
                            width: 100px;
                            float: left;
                        }
        /* Begin video-search*/
        .hotmusic {
          margin-top: 0;
        }
        .content-block .video-item {
            padding: 0 10px;
            position: relative;
        }
            .video-item .music-function {
                top: 25px;
            }
            .video-item .song-des {
                top: 15px;
            }
            .hotmusic .album-item, .bxh-col .content-item {
                min-height: 69px;
                overflow: visible;
            }
                .bxh-album .album-item {
                    min-height: 110px;
                }
                .hotmusic .album-item .music-function-box {
                    top: 45px;
                }
             .hotmusic .detail-album {
                min-height: 160px;
            }
        /* Begin hotmusic*/
        .album-item {
            position: relative;
        }
            .album-item.detail-album {
                padding-bottom: 5px;
            }
            .album-item .music-function {
                top: 20px;
            }
            .album-item.detail-album .music-function {
                top: 35px;
            }
        .order-number {
            display: block;
            float: left;
            font-weight: bold;
            height: 18px;
            line-height: 18px;
            margin-top: 5px;
            text-align: center;
            width: 25px;
        }
/* Begin channel*/
    .channel-info {
        background-color: #f5f5f5;
    }
        .channel-info h2, .biz-info h2 {
            font-size: 16px;
            font-weight: bold;
        }
            .channel-img {
                padding: 2px;
                width: 200px;
                height: 200px;
                display: block;
                float: left;
                margin-right: 15px;
            }
            .channel-banner {
                box-shadow: 0 0 5px #DFDFDF;
                background-color: #E5E5E5;
                overflow: hidden;
                padding: 10px;
                width: 938px;
                border: 1px solid #CCCCCC;
            }
                .channel-banner a {
                    float: left;
                    width: 310px;
                    height: 250px;
                    margin-right: 4px;
                }
                .biz-channel-img {
                    background-position: left -1106px;
                    display: block;
                    height: 80px;
                    padding: 3px 0 0 3px;
                    width: 75px;
                    float: left;
                }
                .biz-info .button {
                    clear: left;
                    margin-top: 5px;
                }
                .list-channel .content-item {
                    width: 75px;
                    margin-right: 17px;
                    float: left;
                    padding-bottom: 5px;
                }
                .list-channel .content-item a {
                    font-weight: bold;
                }
                    .blog li img {
                        float: left;
                        margin: 0 10px 10px 0
                    }
                        .donor p {
                            clear: both;
                            padding: 5px 10px 0;
                        }
                            .donor-img {
                                float: left;
                                display: block;
                                margin: 10px 0 0 7px;
                            }
                    /* Begin nt-sidebar-block*/
                    .bimg {
                        display: block;
                        width: 278px;
                        height: 278px;
                        margin-bottom: 5px;
                    }
                        .small-img-block a {
                            display: block;
                            width: 65px;
                            height: 65px;
                            float: left;
                            margin-right: 6px;
                        }
/*---------------------- BXH-page ----------------------*/
.bxh-col {
    float: left;
    width: 308px;
    margin: 0 15px 15px 0;
    position: relative;
}
.bxh-col.last-child {
    margin: 0;
}
    .bxh-title {
        padding: 0 10px;
        background-position: left -712px;
        height: 29px;
        line-height: 29px;
        font-weight: bold;
        position: relative;
        background-repeat: repeat-x;
        border-bottom: 1px solid #999;
    }
        .bxh-title .read-more, .bxh-detail .content-block-title .read-more {
            background-position: -35px -58px;
            padding-left: 20px;
            color: #555;
            top: 0px;
        }
    .bxh-col .content-item {
        padding: 0 10px 0 50px;
        position: relative;
    }
        .bxh-col .content-item .top-rank, .bxh-detail .order-number {
            position: absolute;
            font-size: 18px;
            top: 10px;
            display: block;
            width: 35px;
            height: 35px;
            font-weight: bold;
            text-align: center;
            margin-top: 5px;
            top: 10px;
            left: 10px;
        }
            .bxh-col .content-item a {
                font-weight: bold;
            }
                .bxh-col .content-item a span {
                    display: block;
                    font-size: 12px;
                    font-weight: normal;
                    color: #17658C;
                }
    .bxh-col .content-item.first-child  {
        height: 130px;
        padding: 0;
    }
         .bxh-col .content-item.first-child .top-rank {
             background-position: right -1107px;
             color: white;
             top: 85px;
             z-index: 2;
             line-height: 34px;
        }
        .bxh-col .content-item.first-child .meta  {
            position: absolute;
            bottom: 0;
            width: 248px;
            height: 32px;
            padding: 3px 10px 10px 50px;
            background-color: #000;
            left: 0;
            /* CSS3 standard */
            opacity:0.75;
        }
            .bxh-col .content-item.first-child .meta a  {
                color: white;
                font-size: 14px;
                font-weight: bold;
            }
                .bxh-col .content-item.first-child .meta a span  {
                    display: block;
                    font-size: 12px;
                    font-weight: normal;
                    color: white;
                }
                .bxh-video-img {
                    background-position: -69px -520px;
                    display: block;
                    float: left;
                    height: 60px;
                    margin: 0 10px 5px 0;
                    padding: 4px 0 0 3px;
                    width: 85px;
                }
                .zing-top-album-item .singer-img {
                    position: relative;
                }
                    .singer-img .top-rank {
                        bottom: 7px;
                    }
        .bxh-option {
            padding-bottom: 10px;
            border-bottom: 1px solid #dfdfdf;
        }
            .bxh-detail .album-item {
                padding-left: 40px;
            }
                .bxh-detail .album-item .meta {
                    padding: 10px 100px 0 0;
                }
                    .bxh-detail .album-item .meta h3 a {
                        font-size: 14px;
                    }
            .rank-info {
                float: left;
                width: 50px;
                margin: 0 10px 0 2px;
                padding-top: 10px;
            }
                .rank-up, .rank-down {
                    background-position: left -1367px;
                    padding-left: 25px;
                }
                .rank-down {
                    background-position: left -1381px;
                }
                .rank-peak {
                    display: block;
                    width: 50px;
                    height: 22px;
                    text-align: center;
                    line-height: 22px;
                    background-position: left -1399px;
                    margin-top: 5px;
                }
                .rank-new {
                    font-size: 0px;
                    width: 50px;
                    height: 10px;
                    background-position: left -1424px;
                    margin-top: 17px;
                }
                .rank-bar {
                    width: 50px;
                    height: 17px;
                    background-position: left -1435px;
                }
                .bxh-detail .order-number {
                    padding-top: 15px;
                    left: 5px;
                }
                    .bxh-detail .rank1 {
                        color: #018dc3;
                    }
                    .bxh-detail .rank2, .bxh-col .content-item .rank2 {
                        color: #f8791a;
                    }
                    .bxh-detail .rank3, .bxh-col .content-item .rank3 {
                        color: #75bf50;

                    }
                    .bxh-detail .player {
                        overflow: visible;
                    }
                        .bxh-detail .playlist {
                            max-height: none;
                            overflow: visible;
                        }
                            .bxh-detail .album-item {
                                padding-top: 10px;
                                margin: 0;
                            }
                                .bxh-detail .album-item .music-function {
                                    right: -10px;
                                    top: 10px;
                                }
                    .bxh-detail .playlist span {
                        border: none;
                    }
                    .bxh-detail .button {
                        float: right;
                        margin: 0 0 0 15px;
                    }
                    /* Begin channel*/
                    .channel .content-item {
                        float: left;
                        margin-right: 13px;
                        padding-bottom: 10px;
                        width: 161px;
                    }
                        .channel .content-item h3 a {
                            font-weight: bold;
                        }
                        .channel .content-item .channel-img {
                                width: 155px;
                                height: 80px;
                                float: none;
                                margin: 0 0 10px 0;
                        }
                        .bxh-time {
                            height: 17px;
                            padding: 7px 10px;
                            border-bottom: 1px solid #dfdfdf;
                            background-position: left -160px;
                        }