/*---------------------- 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, .zing-vip .btncert:hover { cursor: pointer; } a { text-decoration: none; color: #17658c; outline: 0 none; } a:hover, .user-area .popup_inner_cont 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 ----------------------*/ .center { text-align: center; } .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, .music-function a, .sidebar-block-title, .link-group-title:before, .zing-star li a, .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, .hot, .number, .music-list li, .zingarrowuser, .lt-icon, .nu-icon, .ln-icon, .chart-date-nav .next, .chart-date-nav .prev, .chart-date-nav .open-cart, .genre-album-home .content-block-title .album-title-icon, .eh, .radio-function .like, .radio-function .like-num .dialog, .radio-sub-category a { 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-block-item .singer-image, .small-channel-img, .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, .channel-featured-paging a, .btnsearch, .acc_user_menu li span, .channel-prev-button span, .channel-next-button span, .radio-category .dialog, .zing-vip .read-more { background: url(../images/icon-24.png) no-repeat; } #tab-tooltip a, .button, .tab-nav li, .main-notification, .song-slider-nav li, .button, .paging a, .lyric-content, .gray-button, .etooltip, .bxh-time, .top-wrap, .tag-page li.selected, .subcol ul li a:hover, .main-nav .zingsubmenu li a:hover, .calendar .toppanel { 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, .tab-nav a:hover, .song-slider-nav a:hover, .drop-box a:hover, .gray-button:hover, .option-select:hover, .user-area h3 a { text-decoration: none; } .search-item, .search-autocomplete a { clear: both; overflow: hidden; } .search-item strong, .btnsearch, .tag-page li a, .login, .login a, .user-area h3, .main-nav li a, .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, .channel-box-item .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, .singer-block-item h3 a, .singer-block-item p span, .same-singer h4, .subcol h2, .chart-date-nav strong, .genre-album-home .content-item .meta h3 a, .mp3-news-main-item h3, .mp3-news ul li a, .event-detail strong { 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, .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, .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, .cate-active a, .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, .featured-singer .content-item span a, .genre-categories .genre-tab li a, .header .selected h3 a, .genre-album .album-item .album-info ul li, .genre-tab-item p, .zing-vip, .zing-vip .read-more { color: #555; } .search-item a:hover, .search-item a:hover span, .btnsearch, .tag-page li a, .login, .login a, .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, .genre-album-home .content-item .meta a { 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, .mp3-news ul li:before { color: #17658c; } /* Font-size*/ .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, .search-content .same-singer .content-item h3 a, .featured-singer .content-item span a, .user-area h3 a, .genre-album-home .content-item .meta span a { font-size: 11px !important; } .cate-title, .sidebar-block-title, .content-block-title, .lyric-block h3, .album-info h2 a, .mp3-news-main-item h3 { font-size: 14px; } .music-function a, .social a, .author span, .close-box, .logo a, #home, .notification .close, .comment-item .close, .oLyric a, .rank-new, .rank-bar, .btnsearch { font-size: 0px; color: white; display: block; } .tab-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, .btnsearch, #home:hover { 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; } .player, #tab-tooltip a, .tooltip, .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, .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 { -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, .zing-vip, .zing-vip .read-more { 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, .upload a, #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, .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-position: left -307px; margin-bottom: 5px; } /* Begin logo*/ .logo a { height: 34px; float: left; display: block; margin: 0 0 5px 0; } /* Begin search*/ .search { position: relative; } .search p { overflow: hidden; padding: 1px; background-color: black; margin-top: 5px; float: left; border-radius: 3px; border: 1px solid #5a5a5a; border-top: none; } .tbsearch { display: block; width: 325px; height: 26px; border: none; float: left; padding: 0 10px; line-height: 26px; color: #5c5c5c; border-radius: 2px 0 0 2px; } .btnsearch { height: 26px; width: 32px; background-position: -122px -76px; float: right; } /* Begin search-autocomplete*/ .search-autocomplete { position: absolute; top: 35px; left: 146px; z-index: 99999; width: 345px; 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: 25px; overflow: hidden; float: left; position: relative; } .tag-page li { float: left; padding: 9px 12px 11px; } .tag-page li.selected { border-left: 1px solid #3C3D3E; border-right: 1px solid #3C3D3E; background-position: left -379px; padding: 0; } .tag-page li.selected span { border-left: 1px solid #000; border-right: 1px solid #000; display: block; } .tag-page li.selected strong { border-left: 1px solid #606060; border-right: 1px solid #606060; display: block; padding: 9px 8px 12px; } .tag-page li.last-child { background: none; } .tag-page a { font-size: 13px; } /* Begin user-area*/ .login { float: right; padding: 10px 10px 0 0; } .user-area { float: right; padding: 8px 2px 0 6px; width: 102px; } .header .selected { border-left: 2px solid #355D98; border-right: 2px solid #355D98; padding: 8px 0 0 4px; background: white; } .user-area.selected .zingarrowuser { background-position: -12px -1296px; } .user-vip { background-position: left -1327px; display: block; height: 18px; width: 20px; float: left; margin: 10px 0 0 140px; } .user-avatar { border: 1px solid #9C9C9C; display: block; width: 20px; height: 20px; margin-right: 10px; float: left; overflow: hidden; padding: 1px; } .user-area h3 { display: block; float: right; text-align: center; line-height: 23px; float: left; } .user-area h3 a { color: #E6E6E6; } /* Begin .main-nav*/ .main-nav { clear: both; height: 32px; position: relative; } .main-nav ul li { float: left; line-height: 32px; padding: 0 15px; } .main-nav li a { color: #474747; } #home { width: 30px; height: 32px; color: #EFEFEF; background-position: left -5px; float: left; } .upload, .off-ads { padding: 0!important; } .upload a { background-position: -47px -190px; color: white !important; display: block; height: 25px; overflow: hidden; padding: 0 0 3px 15px; position: absolute; right: 0; top: 0; width: 95px; } .off-ads a { background-position: -30px -749px; color: #808080 !important; display: block; padding-left: 25px; position: absolute; right: 120px; top: 0; } .off-ads a:hover { background-position: -30px -33px; color: #474747!important; } .nav-li-hover, .main-nav > ul > li:hover { background-color: white; border-left: 1px solid #dadada; border-right: 1px solid #dadada; padding: 0 14px !important; } .main-nav > ul > li:hover .zingsubmenu_multicol, .main-nav > ul > li:hover .zingsubmenu { display: block; } /* Sub menu Single-column */ .main-nav .zingsubmenu{background-color:#fff;border:1px solid #dbdbdb;position:absolute;padding:0;overflow:auto;max-width:200px;min-width:160px;z-index:100;padding:1px;_width:200px;line-height:29px;z-index: 1000000;} .main-nav .zingsubmenu li{display:block;float:none;font-weight:normal;line-height:16px;_height:1%;vertical-align:bottom;border-top:1px solid #e2e2e2;padding: 0} .main-nav .zingsubmenu li:first-child{border-top:0 none;} .main-nav .zingsubmenu li a{border-left:0 none;border-right:0 none;padding:5px 8px;display: block; font-weight: normal; text-shadow: none;} .main-nav .zingsubmenu li a:hover{background-position: left -418px;padding:5px;color:#fff;font-weight:bold;} /* Sub menu multi-column */ .main-nav .zingsubmenu_multicol{background-color:#fff;border:1px solid #dbdbdb;position:absolute;padding:0;overflow:auto;z-index:100;padding:1px;top: 32px;left: 0;z-index: 1000000;} .main-nav .zingsubmenu_singlecol {position: absolute; top: 32px;} .subcol{float:left;border-left:1px solid #ddd;overflow:hidden;} .subcol.first-child,.subcol:first-child{border-left:none 0;} .subcol h2{text-align:center;padding:10px 0;font-size:12px;line-height:normal;color:#333;border-bottom:1px solid #ebebeb;background-color:#f5f5f5} .subcol ul{min-width:150px;overflow:hidden;} .subcol ul li{display:block;float:none;border-bottom:1px solid #ebebeb;line-height:29px;padding:0;} .subcol ul li a{font-weight:normal;display: block;padding: 0 8px; text-shadow: none;} .subcol ul li:last-child{border-bottom:0 none;} .subcol ul li a:hover{font-weight:bold;color:#fff;background-position: left -418px ;border:0 none;padding:0 8px;} .subcol .subinner_item li{float:left;display:inline;border-right:1px solid #ebebeb;} .music_submenu{width:976px;} .songcol_list{width:412px;} .songcol_list.last-child{width:150px;} .subcol .subinner_item ul{white-space:nowrap;width:415px} .subcol .subinner_item li a{float:left;width:121px;display:inline;border:none 0;} .zingarrowuser { background-position: left -1296px; display: inline; float: right; height: 8px; margin: 9px 5px 0 6px; width: 12px; } /* User-area*/ .boxshadow_popup { right: -8px; top: 32px; width: 320px; z-index: 1000000; color: #333333; position: absolute; } .popup_edge_shadow { padding-right: 8px; } .popup_border { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #01548D; line-height: 16px; position: relative; text-align: left; } .user-area .overlap { width: 106px; } .overlap { background: none repeat scroll 0 0 #FFFFFF; height: 2px; line-height: 2px; overflow: hidden; position: absolute; right: 0; top: -2px; z-index: 600; } .user-area .popup_inner_cont { padding: 10px; } .user-area .thumb_avatar { float: left; margin-right: 10px; } .user-area .popup_inner_cont a { color: #476DA4; text-decoration: none; } .user-area .acc_user_menu { float: left; list-style: none outside none; margin-top: -3px; } .user-area .acc_user_menu li { display: block; font-size: 12px; height: 18px; line-height: 15px; list-style: none outside none; padding: 2px 0; } .user-area .popup_inner_cont a { color: #476DA4; text-decoration: none; } .acc_user_menu li span { display: inline-block; font-size: 0; height: 16px; margin-right: 5px; vertical-align: middle; width: 16px; } .acc_user_menu li span.icn_wallact { background-position: -138px -244px; } .acc_user_menu li span.icn_editinfo { background-position: -138px -260px; } .acc_user_menu li span.icn_privacy { background-position: -138px -276px; } .acc_user_menu li span.icn_infoboard { background-position: -138px -292px; } .acc_user_menu li span.icn_friends { background-position: -138px -324px; } .acc_user_menu li span.icn_zmewallet { background-position: -138px -308px; } .acc_user_menu li span.icn_changepass { background-position: -138px -340px; } .acc_user_menu li span.icn_logout { background-position: -138px -356px; } /* 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: #17658C; 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, .channel-box-item .content-item.last-child, .genre-album-home .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, .genre-album-home .content-item .meta 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, .channel-box-item .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, .mp3-news ul li { padding: 0 0 0 10px; position: relative; } .other-news li:before, .mp3-news ul 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 mp3-news*/ .mp3-news-main-item { padding: 0 10px 10px; } .mp3-news-main-item h3 { margin: 10px 0; } .mp3-news-img { float: left; display: block; width: 85px; height: 85px; margin-right: 10px; } .eh { position: absolute; display: block; width: 34px; height: 19px; top: 10px; right: 10px; background-position: -6px -1854px; } .mp3-news ul { padding: 5px 10px 0; border-top: 1px solid #dfdfdf; } .mp3-news ul li { margin: 5px 0; } /* 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: 5px 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 p span { display: block; margin: 15px 0 0 70px; float: left; } .err-tooltip p span label { padding: 0 15px; } .err-tooltip .button { float: right; margin: 10px 100px 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; } .add-tooltip label { float: left; } .share-social { overflow: hidden; } .share-social .social { float: left; margin-right: 10px; } .share-social p { float: left; } .share-social .text-box { width: 410px; } .share-social label p { font-weight: normal; padding-left: 15px; } .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*/ .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 -446px; 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, .small-channel-img, .singer-block-item .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*/ .singer-album, .singer-video, .list-channel { clear: both; overflow: hidden; margin-top: 10px; padding: 10px 10px 20px; position: relative; } .singer-item-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 0 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; float: left; margin-right: 10px; } .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; } .paging ul { overflow: hidden; margin: 0 auto; width: 385px; } .paging li { display: inline; } .paging a { float: left; padding: 2px 7px; } .button, .paging a:hover, .paging .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-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; } .hot { background-position: -5px -1695px; margin-left: 5px; } .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; overflow: hidden; } .search-content .content-block { margin: 0; } .search-content .special-song { margin-top: 5px; } .resultStats { margin: 5px 0 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; } .same-singer { padding: 5px 0 0 130px; overflow: hidden; clear: both; } .same-singer h4 { margin-bottom: 5px; } .same-singer .content-item { float: left; overflow: hidden; margin-right: 28px; width: 60px; } .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; text-align: center; } .search-content .paging, .hotmusic .paging { padding-left: 65px; margin: 20px 0; } .search-content .singer-info-block { padding: 0 10px 10px; border-bottom: 1px solid #dfdfdf; } .singer-info-block { overflow: hidden; position: relative; min-height: 115px; padding-bottom: 15px; } .singer-info-block .read-all { float: left; } .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: 5px 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; } .search-categories .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 -1641px; color: #555; } .search-categories .option-select:hover { border: 1px solid #dfdfdf; background-color: white; } .option-filter .drop-box { top: 28px; right: 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, .singer-block-item h3 a, .genre-album .album-item 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; } .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, .featured-singer { 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 { background-position: -35px -58px; padding-left: 20px; color: #17658C; 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; } .chart-date-nav { position: absolute; right: 20px; top: 6px; width: 275px; } .chart-date-nav span { float: left; } .chart-date-nav .next, .chart-date-nav .prev, .chart-date-nav .open-cart { display: block; width: 18px; height: 18px; background-position: left -1806px; float: right; margin-left: 5px; } .chart-date-nav .prev { float: left; background-position: left -1823px; } .chart-date-nav .open-cart { background-position: left -1790px; } .bxh-option { padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .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; } /*---------------------- Channel-home-page ----------------------*/ .channel-box-item { position: relative; overflow: hidden; margin-bottom: 10px; border-top: 1px solid #ccc; } .channel-featured { overflow: hidden; margin-bottom: 10px; position: relative; } .channel-featured-item { position: relative; float: left; } .channel-prev-button, .channel-next-button { position: absolute; top: 0px; display: block; width: 150px; height: 300px; opacity: 0; } .slide-active .channel-prev-button, .slide-active .channel-next-button { opacity: 1; } .channel-prev-button { left: 0px; } .channel-next-button { right:0px; } .channel-prev-button span, .channel-next-button span { display: block; width: 30px; height: 60px; z-index: 10; margin: 100px 0 0; } .channel-prev-button span { background-position: -124px -882px; margin-left: 15px; } .channel-next-button span { background-position: -89px -882px; margin-left: 105px; } .channel-featured-item .meta { position: absolute; top: 237px; left: 0px; } .channel-featured-item .meta h3 a { color: white; font-size: 20px; font-weight: bold; background-color: #915cae; padding: 1px 7px; margin-left: 20px; } .channel-featured-item .meta span { background-color: black; opacity: 0.75; width: 906px; height: 20px; display: block; margin-top: 5px; padding: 5px 27px; } .channel-featured-item .meta span a { color: white; } .channel-featured-paging { position: absolute; top: 280px; left: 443px; } .channel-featured-paging li { display: inline; } .channel-featured-paging .selected a, .channel-featured-paging a:hover { background-position: -127px -125px; } .channel-featured-paging a { display: block; width: 10px; height: 10px; float: left; background-position: -110px -125px; margin-right: 10px; font-size: 0px; } .channel-box-item .read-more { background-color: #B074D1; color: white; display: block; padding: 2px 7px; position: absolute; right: 0; top: 0px; } .channel-box-item-title { color: #555; font-weight: bold; font-size: 14px; padding-top: 8px; height: 30px; } .channel-box-item-title span { border-top: 3px solid #B074D1; padding: 6px 0; } .channel-box-item .content-item { margin-right: 52px; width: 116px; position: relative; } .channel-box-item .last-child { margin-left: 4px; } .channel-home .singer-video { padding: 10px; margin-bottom: 15px; } .channel-home .singer-video .content-item { margin: 0 26px 0 0; } /*---------------------- genre-page ----------------------*/ .genre .genre-categories { overflow: hidden; } .genre-tab-item { padding: 0 10px 8px; overflow: hidden; } .genre-categories .genre-tab { margin-bottom: 5px; overflow: hidden; height: 31px; background: #f5f5f5; } .genre .alphabet-filter { padding-bottom: 10px; } .genre .alphabet-filter li { display: inline; } .genre .alphabet-filter li a { padding: 2px 5px; } .genre .alphabet-filter li a.selected { color: white; background-color: #b3b3b3; border-radius: 3px; } .genre-categories ul li { float: left; width: 25%; line-height: 20px; } .genre-categories .genre-tab li.selected { border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; font-weight: bold; background: white; border-bottom: 1px solid white; } .genre-categories .genre-tab li { width: 92px; text-align: center; padding: 5px 0; border-bottom: 1px solid #dfdfdf; } .genre .content-block, .genre-album .content-block { position: relative; } .featured-singer { padding-bottom: 0; } .featured-singer .content-item { float: left; width: 114px; margin-right: 14px; } .featured-singer .content-item .singer-image { padding: 2px; border: 1px solid #dfdfdf; width: 110px; margin-bottom: 10px; height: 110px; display: block; } .singer-block-item { overflow: hidden; margin-top: 10px; border-bottom: 1px solid #EDEDED; padding-bottom: 10px; height: 120px; } .genre .album-item { margin-top: 10px; padding-bottom: 10px; height: 160px; } .genre .album-item h3 { margin-top: 5px; font-size: 14px; } .music-list { overflow: hidden; margin: 7px 0; } .music-list li { width: 158px; float: left; padding-left: 15px; line-height: 20px; background-position: -40px -1824px; } .suggest-singer { font-style: italic; } .genre-filter { right: 0px; position: absolute; top: 5px; z-index: 100; } .genre-filter .option-filter { margin: 0; float: none; } .genre-filter .option-filter a { padding-left: 10px; padding-right: 10px; } .genre-filter .option-filter a.selected { font-weight: bold; color: #555; } .genre-filter .option-filter .option-select { background-position: right -1641px; padding-right: 25px; } /*---------------------- album-page ----------------------*/ .genre-album .search-tip { margin: 0 0 20px 0; } .genre-album .paging { margin: 0 0 10px 0; } .genre-album .album-item { height: 165px; } .genre-album .album-item .album-info p { margin-left: 113px; } .genre-album .album-item ul { clear: right; overflow: hidden; width: 480px; } .genre-album .album-item .album-info ul li { width: 25%; float: left; margin: 5px 0; } .genre-album .album-item h3 { margin: 0 0 10px 0; } .genre-album .album-item .album-info { padding-top: 10px; } .nu-icon, .ln-icon, .lt-icon { display: block; width: 20px; height: 20px; float: left; } .nu-icon { background-position: -37px -1788px; } .ln-icon { background-position: -38px -1808px; } .lt-icon { background-position: -35px -721px; } /* Begin genre-album-home*/ .genre-album-home .content-item { display: block; float: left; height: 155px; margin: 0 10px 10px 0; position: relative; width: 155px; z-index: 20; } .genre-album-home .content-item .meta { background-color: #000000; bottom: 0; height: 30px; left: 0; opacity: 0.75; padding: 5px 10px 8px; position: absolute; width: 135px; } .genre-album-home .content-block-title { padding-left: 5px; } .genre-album-home .content-block-title .album-title-icon { padding-left: 25px; background-position: -5px -1714px; } /* Begin event-detail*/ .event-detail { padding: 20px; } .event-detail-title { font-weight: bold; font-size: 16px; } .event-detail .phead { font-weight: bold; } .event-detail .ptime { font-size: 11px; color: #555; margin-bottom: 15px; display: block; } .event-detail p { margin: 5px 0; } .event-detail ul { margin: 15px 0; } .event-detail div ul li { border: 1px solid #dfdfdf; margin: 10px 0; width: 300px; } .event-detail li .phead { border-bottom: 1px solid #dfdfdf; } .event-detail li p { padding: 5px 10px; } .event-detail .other-news-title { font-weight: bold; text-transform: uppercase; margin-top: 20px; } .event-detail .other-news { margin: 5px 0; } /* Begin radio*/ .radio { background: white url(../images/radio-bg.jpg) repeat-x top left; } .radio .content { background-color: transparent; padding: 50px 10px; } /* radio-category*/ .radio-category { float: left; width: 140px; padding-right: 15px; position: relative; margin-top: 140px; } .radio-category .dialog { position: absolute; display: block; width: 9px; height: 15px; background-position: -142px -380px; right: 8px; top: 62px; } .radio-category a { display: block; width: 113px; height: 45px; border-bottom: 1px solid #dfdfdf; line-height: 45px; padding-left: 25px; font-size: 16px; color: #555555; font-weight: bold; text-decoration: none; } .radio-category .selected, .radio-sub-category .selected { background-color: #b689c9; color: white; text-shadow: 0px 1px 1px #808080; -webkit-text-shadow: 0px 1px 1px #808080; -ms-text-shadow: 0px 1px 1px #808080; -o-text-shadow: 0px 1px 1px #808080; -moz-text-shadow: 0px 1px 1px #808080; } /* radio-sub-category*/ .radio-sub-category { float: left; width: 150px; padding-right: 10px; } .radio-category ul, .radio-sub-category ul { border: 1px solid #dfdfdf; background: white; border-bottom: none; -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; } .radio-sub-category a { display: block; width: 98px; height: 45px; border-bottom: 1px solid #dfdfdf; line-height: 45px; padding-left: 50px; font-size: 14px; color: #808080; text-decoration: none; background-position: 10px -1878px; } .radio-sub-category .selected { background-position: 10px -1913px; } /* Begin radio-player*/ .radio-player { margin-top: 85px; } .radio-player h1 { font-size: 25px; font-weight: bold; float: left; margin-bottom: 10px; } .radio-player .radio-function { float: right; padding-right: 5px; width: 310px; } .radio-function .like { background-position: -35px -721px !important; padding-left: 25px; float: left; font-weight: bold; margin: 5px 15px 0 0; } .radio-function .like-num { background-color: white; border: 1px solid #d0d0d0; padding: 5px; font-size: 11px; position: relative; } .radio-function .like-num .dialog { position: absolute; display: block; width: 10px; height: 10px; background-position: -42px -22px; left: -9px; top: 7px; } .radio-function .like-num a { padding-right: 5px; } .radio-function .social { padding-top: 2px; } /* Begin page404*/ .page404 { padding-top: 50px; height: 200px; } .page404 h1 { font-weight: bold; font-size: 16px; } .page404 .err-content { border: 1px solid #dfdfdf; border-radius: 3px; margin: 10px auto 20px; width: 400px; padding: 15px; text-align: center; overflow: hidden; } .page404 .err-content p { margin: 5px 0; } .page404 .err-content .button { margin: 10px 0 0 150px; } /* Begin Zing-vip*/ .zing-vip { background: url(../images/zing-vip-bg.jpg) top left no-repeat; width: 280px; height: 345px; padding: 135px 85px 0 595px; } .zing-vip form { padding: 15px; } .zing-vip label { margin-bottom: 5px; } .zing-vip p { margin: 5px 0; } .zing-vip .text-box { width: 130px; border: 1px solid #ccc; float: left; } .zing-vip .btncert { float: right; display: block; width: 85px; height: 26px; border: 1px solid #9e0259; border-radius: 3px; color: white; background: #ec5dba; /* Old browsers */ background: -moz-linear-gradient(top, #ec5dba 0%, #bc0474 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5dba), color-stop(100%,#bc0474)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ec5dba 0%,#bc0474 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ec5dba 0%,#bc0474 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ec5dba 0%,#bc0474 100%); /* IE10+ */ background: linear-gradient(top, #ec5dba 0%,#bc0474 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5dba', endColorstr='#bc0474',GradientType=0 ); /* IE6-9 */ line-height: 26px; } .zing-vip .read-more { background-position: -135px -1154px; padding: 0 0 0 25px; display: block; height: 22px; clear: both; padding-top: 5px; }