@charset 'utf-8';


/*通用*/
@import url("/_lib/css/base.css");
/*gmb样式*/
@import url("/_lib/css/gmb.css");
/*box样式*/
@import url("/_lib/css/box.css");









/*内容主体框架*/
#container{ width:960px; position:relative; margin:0 auto; color:#333; padding-bottom:10px; padding-top:5px;}
#container a{ color:#333;}
#container a:hover{ color:#F60}









/*左侧*/
#container.detail .left_container{ width:498px; float:left; padding-top:10px;}
/*频道*/
#container.detail .channel{ width:100%; height:22px; overflow:hidden; margin-bottom:5px;}
#container.detail .channel .content{ height:22px; line-height:24px;}
#container.detail .channel img.tt{ float:left; margin-right:10px;}
#container.detail .channel a{ float:left; margin-right:5px; text-indent:8px; background:url(/images/ucc/channel_icon.gif) 0 9px no-repeat; padding-right:8px;}
#container.detail .channel .content a.selected{ color:#F30;}
#container.detail .channel .content a.high{ float:right; background:none; font-weight:bold; text-decoration:underline;}
/*player*/
#container.detail .ucc_player_container{ position:relative; width:100%; height:418px; background:url(/images/ucc/ucc_player_bg.gif); margin-bottom:16px;}

#container.detail .ucc_player{ width:480px; height:400px; position:absolute; left:9px; top:10px;}
/*一些按钮*/
#container.detail .btn_container{ width:100%; height:19px; margin-bottom:15px;}
#container.detail .btn_container div{ position:relative; height:19px; float:left;}
#container.detail .btn_container .play_count{ width:95px; float:left; text-indent:34px; text-align:center; color:#666; background:url(/images/ucc/play_count.gif);}
/*顶踩*/
#container.detail .btn_container .ding_cai{ width:166px; background:url(/images/ucc/ding_cai_bg.gif);}
#container.detail .btn_container .ding_cai .ding{ width:50px; position:absolute; left:112px; text-align:center;}
#container.detail .btn_container .ding_cai .cai{ width:50px; position:absolute; left:32px; text-align:center;}
#container.detail .btn_container .ding_cai a{ display:block; width:100%; text-align:center;}
/*右侧间距*/
#container.detail .btn_container .margin_right{ display:block; float:left; margin-right:8px;}
#container.detail .btn_container .btn_error{ float:right;}
/*介绍、评论部分*/
#container.detail .comment_intro{ width:100%; position:relative;}
#container.detail .comment_intro .menu{ height:25px;}
#container.detail .comment_intro .menu a{ display:block; width:107px; height:25px; line-height:30px; background:url(/images/ucc/btn_bg.gif); float:left; font-size:14px; font-weight:bold; text-indent:34px; text-decoration:none; margin-right:3px;}
#container.detail .comment_intro .menu a:hover,
#container.detail .comment_intro .menu a.selected{ background:url(/images/ucc/btn_bg.gif) 0 -30px no-repeat; color:#000;}
#container.detail .comment_intro .intro,
#container.detail .comment_intro .comment{ width:460px; padding:20px 0; margin:0 auto;}
#container.detail .comment_intro .intro span{ font-weight:bold;}
#container.detail .comment_intro .dashed{ width:480px; height:1px; overflow:hidden; margin:0 auto; background:url(/images/ucc/dashed2.gif);}









/*右侧*/
#container.detail .right_container{ width:446px; float:right; padding-top:10px;}
/*特点*/
#container.detail .distinct{ width:100%; height:22px; line-height:22px; text-indent:7px; margin-bottom:5px;}
#container.detail .distinct span{ color:#F60; font-weight:bold;}
/*列表*/
#container.detail .ucc_list{ width:100%; height:418px; margin-bottom:14px;}
/*右侧列表标题*/
#container.detail .ucc_list .tt{ width:442px; height:32px; background:#E9E9E9; font-size:14px; font-weight:bold; margin:2px; position:relative;}
#container.detail .ucc_list .tt img.lt{ position:absolute; left:0; top:0;}
#container.detail .ucc_list .tt img.rt{ position:absolute; right:0; top:0;}
#container.detail .ucc_list .tt img.icon_3{ position:absolute; left:10px; top:9px;}
#container.detail .ucc_list .tt .ucc_name{ width:280px; height:20px; position:absolute; left:34px; top:7px;}
#container.detail .ucc_list .tt .sequence{ width:50px; height:18px; font-size:9pt; font-weight:normal; display:block; position:absolute; right:12px; top:6px;}
#container.detail .ucc_list .tt .daoxu{ background:url(/images/ucc/icon_sequence.gif) 27px 4px no-repeat;}
#container.detail .ucc_list .tt .zhengxu{ background:url(/images/ucc/icon_sequence.gif) 27px -16px no-repeat;}
/*右侧列表详细*/
#container.detail .ucc_list .scroll{ width:422px; height:366px; overflow:hidden; overflow-y:auto; margin:0 auto; margin-top:8px;}
#container.detail .ucc_list .list{ width:100%; height:100%; background:#FFF;}
#container.detail .ucc_list .list li{ width:100%; height:23px; text-indent:10px; margin-bottom:5px; background:url(/images/ucc/dashed2.gif) bottom repeat-x;}
#container.detail .ucc_list .list li.selected *{ color:#F60; font-weight:bold;}
#container.detail .ucc_list .list .red_txt{ color:#F60;}
#container.detail .ucc_list .list .information{ width:320px; height:20px; float:left;}
#container.detail .ucc_list .list .play_count{ width:80px; height:20px; background:url(/images/ucc/icon_4.gif) 15px 3px no-repeat; text-indent:35px; float:left;}
/*tag*/
#container.detail .tag{ width:446px; height:20px; background:url(/images/ucc/tt_tag.gif) no-repeat; padding-left:50px; margin-bottom:15px;}
#container.detail .tag a{ display:block; padding:0 5px; float:left; line-height:24px; font-weight:bold; text-decoration:none;}
/*其他用户*/
.other{ width:446px;}
.other a:link,
.other a:visited{ color:#333;}
.other a:hover{ color:#F60}
.other .tt_other{ width:425px; height:28px; line-height:30px; background:url(/images/ucc/tt_other_bg.gif); text-indent:30px; font-weight:bold; color:#111; font-size:14px; margin:10px auto 7px;}
.other .other_container{ padding-bottom:10px;}
.other .user{ width:420px; margin:0 auto; padding:10px 0 7px;}
.other .sort{ width:41px; height:20px; line-height:22px; float:left; background:url(/images/ucc/tt_x2_bg.gif); text-align:center; font-weight:bold; color:#FFF;}
.other .info_1,
.other .info_2{ width:370px; height:22px; line-height:22px; float:right; text-align:left; color:#333;}
.other .info_1 *,
.other .info_2 *{ float:left; height:20px; overflow:hidden;}
.other .target{ width:200px; color:#690;}
.other .target a{ color:#09F;}
.other .user_id{ padding-left:10px; color:#690;}
.other .guest_id{ padding-left:10px; color:#999;}
.other .user_id img,
.other .guest_id img{ width:20px; height:15px; margin-right:5px;}
.other a.album_btn{ text-indent:18px; padding-right:10px; background:url(/images/ucc/album_btn_icon.gif) 10px 7px no-repeat;}
.other .date{ font-size:10px; color:#333;}
.other .artist_name{ color:#690;}
.other .dashed{ width:420px; height:1px; overflow:hidden; margin:0 auto; background:url(/images/ucc/dashed2.gif) repeat-x;}