@charset "utf-8"; *{ margin:0; padding:0; font-size:12px}
body{ font-family:Arial,Helvetica,sans-serif}
img, fieldset{ border:none}
li{ list-style:none}
a{ color:#1273da; outline-color:invert; outline-style:none; outline-width:medium; text-decoration:none}
a:hover{ text-decoration:underline}
table {border-collapse:collapse; border-spacing:0pt; font-size:100%}
.message_inf_box{ background:#dbf9c5 none repeat scroll 0 0; padding:0.25em 0.5em; display:block; border:1px solid #8eb972; margin:7px 0}
strong{ font-weight:bold}
.bold{ font-weight:bold}
.float_right, .right{ float:right}
.float_left{ float:left}
.module_warpper .footer_right_align{ text-align:right; margin-top:7px}
.module_warpper p.footer_right_align a{ margin-left:14px}
.grey_image_border{ padding:1px; border:1px #CCCCCC solid}
.grey_font{ color:#929292}
.color_red{ color:#EF2026}
.num_span{ font-size:11px; display:inline !important; padding:0 1px}
.module_options{ text-align:right; padding-right:10px; height:15px; display:block; background:url(../images/v4/icons/yoboframe_footerlink.gif) no-repeat scroll right; cursor:pointer}
a.image_hover:hover img{ border-color:#1273da; cursor:pointer}
.separation {color:#929292}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}
.detail_icon{ margin:0 2px -4px 0}
.detail_icon_linker{ background:url(../images/v4/icons/detail_icon.gif) no-repeat top left; padding-left:20px; background-position:2px 0}
.tag_icon{ margin:0 4px -1px -1px}
.tag_icon_linker{ background:url(../images/v4/icons/tag_icon.gif) no-repeat top left; padding-left:20px; background-position:0 3px}
.comment_icon{ margin:0 4px -4px 0}
.comment_icon_linker{ background:url(../images/v4/icons/comment_icon.gif) no-repeat top left; padding-left:20px; background-position:1px 4px}
.add_blog_icon{ margin:0 4px -6px 4px}
.edit_icon_linker{ background:url(../images/v4/icons/edit_icon.gif) no-repeat top left; padding-left:13px; background-position:0 2px}
.rss_icon_back{ background:url(../images/v4/icons/rss_mall.gif) no-repeat top right; padding-right:13px}
.blog_icon{ margin:0 2px -3px 0}
.blog_icon_linker{ background:url(../images/v4/icons/blog_icon.gif) no-repeat 0 2px; padding-left:20px}
.button, .o_button {background:transparent url(../images/v4/icons/oranger_button_bg.gif) repeat-x scroll 0 0; border:0 none; color:white; cursor:pointer; letter-spacing:1px; padding:3px 7px; text-align:center; text-decoration:none; font-size:12px}
.o_button:hover {background-position:0 -30px; text-decoration:none}
.o_button.disable {background-position:0 -60px}
.o_button.disable:hover {background-position:0 -60px; text-decoration:none}
.r_button {background:transparent url(../images/v4/icons/red_button.gif) repeat-x scroll 0 0; border:0 none; color:white; cursor:pointer; letter-spacing:1px; padding:3px 7px; text-align:center; text-decoration:none; font-size:12px}
.r_button:hover {background-position:0 -30px; text-decoration:none}
.r_button.disable {background-position:0 -60px}
.r_button.disable:hover {background-position:0 -60px; text-decoration:none}
.grey_image_border{ padding:1px; border:1px #CCCCCC solid}
.font_bold{ font-weight:bold}
.grey_color{ color:#929292}
.blue_color{ color:#006AD0}
.red_color{ color:red}
.num_span{ font-size:11px}
#yobo_page_v4{ margin:0px auto; width:950px}
#yobo_page_v4 #warpper{ background:transparent url(../images/v4/icons/grey_bg_full_slice_right.png) repeat-y scroll right top; border:1px solid #97C0DE; float:left; width:838px; min-height:450px}
#yobo_page_v4 #warpper_one{ border:1px solid #97C0DE; float:left; width:838px; min-height:450px}
#yobo_page_v4 #warpper #yobo_left {float:left; padding:15px 12px; width:484px}
#yobo_page_v4 #warpper #yobo_right {background:transparent url(../images/v4/icons/grey_bg_top_slice_right.png) no-repeat scroll right top; float:right; min-height:816px; padding:15px 15px 15px 14px; width:301px !important; width:299px}
#yobo_page_v4 #yobo_song_index #warpper #yobo_right, #yobo_page_v4 #yobo_album_index #warpper #yobo_right{ background:transparent url(../images/v4/icons/grey_bg_top_slice_right_top.png) no-repeat scroll right top}
#yobo_page_v4 #warpper_one #container{ float:left; width:630px; margin:15px}
#yobo_page_v4 #warpper #yobo_head{ }
.pagination{ }
.pagination span, .pagination a{ border:1px solid #CCCCCC; display:block; float:left; height:17px; line-height:17px; margin:2px; text-align:center; width:17px; text-decoration:none}
.pagination a.nextlink, .pagination a.prevlink{ width:45px}
.pagination a span{ border:none; width:45px; margin:0}
.yobosongctrlbar {height:31px; width:100px; overflow:hidden; float:right}
.yobosongctrlbar .ctrlprev {width:20px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat 0px 0px; text-decoration:none}
.yobosongctrlbar .ctrlprev:hover {background-position:-20px 0px}
.yobosongctrlbar a:hover{ text-decoration:none !important}
.yobosongctrlbar .ctrlplay {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -40px 0px; text-decoration:none}
.yobosongctrlbar .ctrlstop {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -70px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext {width:18px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -101px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext:hover {background-position:-101px 0px}
.yobosongctrlbar .ctrlorder {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -231px 0px; text-decoration:none}
.yobosongctrlbar .ctrlorder:hover {background-position:-231px 0px}
.yobosongctrlbar .ctrlrnd {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -174px 0px; text-decoration:none}
.yobosongctrlbar .ctrlrnd:hover {background-position:-174px 0px}
.yobosongctrlbar .ctrlback {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -155px 0px; text-decoration:none}
.yobosongctrlbar .ctrlback:hover {background-position:-155px 0px}
h2.yobo_h2_brushed {border-bottom:2px solid #3A3A3A; clear:both; color:#FFFFFF; line-height:15px; margin:30px 0 15px -12px}
h2.yobo_h2_brushed span.yobo_h2_warpper {background:#3A3A3A url(../images/v4/icons/yobo_h2_brush.gif) no-repeat scroll right top; clear:both; color:#FFFFFF; display:inline-block; font-size:12px; font-weight:bold; height:auto; line-height:15px; padding:2px 12px 0}
h2.yobo_h2_brushed_right, h2.yobo_h2_brushed_2 {border-bottom:2px solid #939393; clear:both; color:#FFFFFF; line-height:15px; margin:30px 0 15px -14px}
h2.yobo_h2_brushed_right span.yobo_h2_warpper, h2.yobo_h2_brushed_2 span.yobo_h2_warpper {background:transparent url(../images/v4/icons/yobo_h2_brush_2.gif) no-repeat scroll right top; clear:both; color:#FFFFFF; display:inline-block; font-size:12px; font-weight:bold; height:auto; line-height:15px; padding:2px 15px 0}
.user_crumb{ height:38px; margin-bottom:12px}
.user_crumb a img{ float:left; padding:1px; border:1px solid #cccccc; margin-right:10px}
.user_crumb a:hover img{ border:1px solid #1275DB}
.user_crumb h1{ font-size:14px; font-weight:bold; margin:5px 0 0}
@charset "utf-8"; #footerbar *{ font-size:12px; margin:0; padding:0}
#footerbar img{ border:none}
#yobofooter #footerbar {width:950px; padding-top:25px; margin:0px auto}
#footerbar .footerlink {width:100%; line-height:18px; display:block}
#footerbar .footerlink .linktitle {height:40px; line-height:40px; font-weight:bold; color:#ff8400}
#footerbar .footerlink .linkitem {color:#666; text-decoration:none}
#footerbar .footerlink .linkitem:hover {color:#ff8400}
#footerbar .footerinfo {width:800px; text-align:center; margin:10px auto; padding-top:30px}
#footerbar .footerinfo span {padding:0px 2px}
#footerbar .footerinfo a {color:#333; text-decoration:none}
#footerbar .footerinfo a:hover {color:#ff8400}
.songlist{ width:100%}
.yobosongbar {width:100%; height:20px; line-height:20px; background:url(/images/progressbar.gif) no-repeat -700px -50px}
.yobosongbar td{ vertical-align:top}
.songlist .num{ text-align:right}
.songlist tr .num, .songlist tr .song{ background:#ffffff none repeat scroll 0 0}
.songlist tr.odd .num, .songlist tr.odd .song{ background:#f4f4f4 none repeat scroll 0 0}
.yobosongbar .ybscontrol {width:25px; text-align:center}
.yobosongbar .ybscontrol a {width:17px; height:17px; display:block; background-image:url(/images/icons4/artist_similarbtn.png) !important; background-image:none; filter:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons4/artist_similarbtn.png', sizingMethod='crop'); margin:1px auto 0px auto; cursor:pointer}
.yobosongbar .ybscontrol a:hover {text-decoration:none}
.yobosongbar .ybscontrolplay {width:25px; text-align:center}
.yobosongbar .ybscontrolplay a {width:17px; height:17px; display:block; background-image:url(/images/icons4/artist_similarbtn.png) !important; background-image:none; filter:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons4/artist_similarbtn.png', sizingMethod='crop'); margin:1px auto 0px auto; cursor:pointer}
.yobosongbar .ybscontrolplay a:hover {text-decoration:none}
.yobosongbar .ybscontrolpause {width:25px; text-align:center}
.yobosongbar .ybscontrolpause a {width:17px; height:17px; display:block; background-image:url(/images/icons4/artist_songpausetn.gif) !important; background-image:none; filter:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons4/artist_similarbtn.png', sizingMethod='crop'); margin:1px auto 0px auto; cursor:pointer}
.yobosongbar .ybscontrolpause a:hover {text-decoration:none}
.yobosongbar .ybstime {width:30px; line-height:20px; text-align:center; font-size:10px; color:#999}
.yobosongbar .ybssong {padding:0px 5px; color:#999999}
.yobosongbar .ybssong a, .yobosongbar .ybssong span {color:#1c1c1c; line-height:20px; padding-right:5px}
.yobosongbar .ybssong a:hover {color:#2b82dd}
.yobosongbar .ybsmenu {width:50px; line-height:20px; padding-right:10px; text-align:right}
.yobosongmenu {width:70px; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; position:absolute; right:0px; top:0px; z-index:10000; background-color:white}
.yobosongmenu a {display:block; height:20px; line-height:20px; padding:0px 4px; color:#666; border-bottom:1px solid #cecece}
.yobosongmenu a:hover{ background-color:#6f6f6f; color:#ffffff}
.songlist .rank {width:160px; padding:0px 5px; height:22px; line-height:22px; color:white; font-size:11px; background:url(/images/icons4/artist_songrankbg.gif) no-repeat 0px 0px}
.yobosongctrlbar {height:31px; width:100px; overflow:hidden; float:right}
.yobosongctrlbar .ctrlprev {width:20px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat 0px 0px; text-decoration:none}
.yobosongctrlbar .ctrlprev:hover {background-position:-20px 0px}
.yobosongctrlbar .ctrlplay {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -40px 0px; text-decoration:none}
.yobosongctrlbar .ctrlstop {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -70px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext {width:18px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -101px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext:hover {background-position:-101px 0px}
.yobosongctrlbar .ctrlorder {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -231px 0px; text-decoration:none}
.yobosongctrlbar .ctrlorder:hover {background-position:-231px 0px}
.yobosongctrlbar .ctrlrnd {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -174px 0px; text-decoration:none}
.yobosongctrlbar .ctrlrnd:hover {background-position:-174px 0px}
.yobosongctrlbar .ctrlback {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -155px 0px; text-decoration:none}
.yobosongctrlbar .ctrlback:hover {background-position:-155px 0px}
@charset "utf-8"; .song_ul{ margin:0; padding:0}
.song_ul a{ text-decoration:none; outline:none}
.song_ul li{ list-style:none; margin:2px 0; height:20px}
.song_item{ background:transparent url(/images/v4/icons/song_item/progressbar.gif) no-repeat scroll -615px 0px; font-size:12px; height:20px; overflow:hidden; position:relative; width:100%}
#yobo_artist_index .song_item, #yobo_album_index .song_item, #yobo_song_index .song_item{ float:left; width:294px}
#yobo_artist_index .song_item .song_operation_block, #yobo_album_index .song_item .song_operation_block, #yobo_song_index .song_item .song_operation_block, .ubx_item .song_item .song_operation_block {position:absolute; right:0}
.song_item a{ color:#1C1C1C}
.song_item a:hover{ color:#2B82DD}
.song_item span{ display:block; line-height:20px; height:20px; float:left; margin-left:5px}
.song_item .song_title{ text-transform:capitalize}
.song_rank{ background:transparent url(/images/v4/icons/song_item/artist_songrankbg.gif) no-repeat scroll 0 0; color:white; display:block; float:left; height:22px; line-height:22px; padding:0 5px; width:150px; font-size:11px}
.song_num_span{ float:left; display:block; width:25px; line-height:20px; text-align:right; padding-right:5px}
.song_item .song_by{ color:#999999; font-size:11px; display:inline; float:none; margin:0; padding:0; text-transform:lowercase}
.song_item .song_operation_block{ width:85px; *width:90px; overflow:hidden; visibility:hidden; margin-right:5px}
.song_item .song_operation_block img{ float:left; cursor:pointer}
.song_item .song_operation_block span{ float:left; cursor:pointer; color:#FE0000; letter-spacing:-1px; margin:0 0 0 2px}
.song_item .song_operation_block span.song_bar_font{ background:transparent url(/images/v4/icons/song_item/songbar_2.gif) no-repeat scroll top center; margin:0; width:18px}
.song_item .song_operation_block span.song_bar_widget{ background:transparent url(/images/v4/icons/song_item/songbar_4.gif) no-repeat scroll top center; margin:0; width:18px}
.song_item .song_control{ height:17px; width:17px; margin:1px auto 0}
.song_item .song_control a{ background:transparent url(/images/v4/icons/song_item/artist_similarbtn.png) no-repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/v4/icons/song_item/artist_similarbtn.png'); _ background-image: none; cursor:pointer; display:block; height:17px; width:17px; padding:0; margin:0}
.song_item .song_control a.song_resume{ background:transparent url(/images/v4/icons/song_item/artist_songpausetn.png) no-repeat scroll 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/v4/icons/song_item/artist_songpausetn.png'); _ background-image: none}
.song_item .song_time{ color:#999999; font-size:11px; line-height:20px; text-align:center; width:30px}
.yobo_song_ctrl {width:69px; height:20px; margin:0 0 15px 30px}
.yobo_song_ctrl a{ background:transparent url(/images/v4/icons/song_item/song_opration.png) no-repeat scroll 0 0; cursor:pointer; display:block; margin:0; padding:0; width:32px; height:21px; line-height:20px; float:left}
.yobo_song_ctrl .song_list_play{ background-position:0 0}
.yobo_song_ctrl .song_list_play:hover{ }
.yobo_song_ctrl .song_list_pause{ background-position:-69px 0}
.yobo_song_ctrl .song_list_pause:hover{ }
.yobo_song_ctrl .song_list_rnd{ background-position:-32px 0; width:37px}
.yobo_song_ctrl .song_list_rnd:hover{ }
.yobo_song_ctrl .song_list_ord{ background-position:-101px 0; width:37px}
.yobo_song_ctrl .song_list_ord:hover{ }
.song_ul .odd .song_num_span, .song_ul .odd .song_item{ background-color:#F4F4F4}
.song_ul li.hover, .song_ul li.hover .song_num_span, .song_ul li.hover .song_item{ background-color:#d8e9f3}
.publish_time{ color:#999999; float:right; display:block; text-align:right; margin-right:10px; line-height:20px}
.delete_history{ float:right; display:block; width:15px}
.ubx_title .yobo_song_ctrl{ float:right}
.feedbox .song_item{ }
.feedbox .song_item .song_title{ width:300px}
.song_ul li.songbar_inf_block_list{ height:85px; padding:5px; background:transparent url(/images/v4/icons/song_item/songbaar_bg_list.gif) no-repeat scroll 0 0; display:none}
.song_ul li.songbar_inf_block_list .song_bar_left{ float:left; width:315px}
.song_ul li.songbar_inf_block_list .song_bar_right{ float:left}
.song_ul li.songbar_inf_block_list .song_bar_right img{ margin:5px}
.songbar_inf_block_item{ height:85px; background:transparent url(/images/v4/icons/song_item/songbaar_bg_item.gif) no-repeat scroll 0 0; width:444px; display:none}
.songbar_inf_block_item .song_bar_left{ float:left; width:290px}
.songbar_inf_block_item .song_bar_right img{ margin:2px 5px}
.song_bar_user_type{ text-align:right; margin:8px 5px}
.official{ background-color:#EF2026; color:#FFFFFF; font-size:12px; font-weight:normal; margin-left:5px; padding:0 5px}
.yobosongctrlbar {height:31px; width:100px; overflow:hidden; float:right}
.yobosongctrlbar .ctrlprev {width:20px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat 0px 0px; text-decoration:none}
.yobosongctrlbar .ctrlprev:hover {background-position:-20px 0px}
.yobosongctrlbar .ctrlplay {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -40px 0px; text-decoration:none}
.yobosongctrlbar .ctrlstop {width:30px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -70px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext {width:18px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -101px 0px; text-decoration:none}
.yobosongctrlbar .ctrlnext:hover {background-position:-101px 0px}
.yobosongctrlbar .ctrlorder {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -231px 0px; text-decoration:none}
.yobosongctrlbar .ctrlorder:hover {background-position:-231px 0px}
.yobosongctrlbar .ctrlrnd {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -174px 0px; text-decoration:none}
.yobosongctrlbar .ctrlrnd:hover {background-position:-174px 0px}
.yobosongctrlbar .ctrlback {width:19px; height:31px; display:block; float:left; overflow:hidden; background:url(/images/icons/songbar_bg.gif) no-repeat -155px 0px; text-decoration:none}
.yobosongctrlbar .ctrlback:hover {background-position:-155px 0px}
.left_ctrl .yobosongctrlbar{ float:none; margin:0 0 10px 0}
@charset "utf-8"; #yobo_debuger{ display:none; position:absolute; width:400px; background-color:#4672C1; min-height:400px; left:900px; color:#FFFFFF; font-size:18px; padding:10px; top:10px}
#yobo_debuger h1{ font-size:20px; color:#FFFF33; text-align:center}
#yobo_debuger ul#error_message li{ list-style-type:decimal}
#yobo_debuger ul{ padding:0 0 0 30px; margin:0}
#yobo_debuger ul ul{ padding:0 0 0 10px}
#yobo_debuger ul#error_message li li{ list-style-type:square; color:#CCCCCC}
#yobo_debuger .title{ font-weight:bold; margin:0 5px}