﻿@charset "utf-8";


/*通用*/
@import url("/_lib/css/base.css");
/*gmb样式*/
@import url("/_lib/css/gmb.css");









/*内容主体框架*/
#container{ width:960px; position:relative; margin:0 auto; color:#333;}
#container a{ color:#333;}
#container a:hover{ color:#F60}
#container div{ overflow:hidden;}





/*左侧内容框架*/
#container .left_container{ position:relative; width:752px; float:left;}
#container .left_container .odd_style{ background:#EEE;}
/*右侧内容框架*/
#container .right_container{ position:relative; width:200px; float:right;}











/*图片边框*/
a.img_border{ display:block; background:#BBB;}
a.img_border:hover{ background:#F30;}
a.img_border img{ margin:1px; border:1px solid #FFF;}
/*图片边框 2*/
a.img_border_2{ display:block; background:#BBB;}
a.img_border_2:hover{ background:#F30;}
a.img_border_2 img{ margin:1px; border:2px solid #FFF;}









/*更多*/
#container.download a.gengduo,
#container.download a.gengduo:hover{ position:absolute; right:5px; top:1px; padding:5px; color:#FFF; font-weight:bold; display:none;}

/*右侧内容 more*/
#container .right_container a.more{ display:block; width:40px; height:20px; background:url(/images/download/more.gif) no-repeat; position:absolute; top:6px; right:2px; z-index:100;}









/*模块1标题背景*/
#container .box_title{ width:100%; height:29px; overflow:hidden; left:0; top:0; z-index:0; background:url(/images/download/box_tt_bg.gif);}
#container .box_title img{ position:absolute; left:8px; top:6px;}









/*左侧 行 1 2 内容*/
#container .left_container .line_1,
#container .left_container .line_2{ height:406px; margin-bottom:6px; position:relative;}

/*播放全部按钮*/
#container .left_container .btn_play_all{ display:block; position:absolute; left:9px; top:40px;}
/*下载全部按钮*/
#container .left_container .btn_fav_selected{ display:block; position:absolute; left:93px; top:40px;}
/*热门排行列表*/
#container .left_container .list{ position:absolute; width:230px; height:330px; left:7px; top:68px;}
/*列表行*/
#container .left_container .list li{ width:100%; height:20px; line-height:20px; position:relative; margin-bottom:2px;}
#container .left_container .list li div{ height:20px; overflow:hidden; position:absolute;}
#container .left_container .list li .no{ position:absolute; left:0; top:2px; padding:0; margin:0;}
/*列表歌曲名字*/
#container .left_container .list li .song_name{ width:105px; left:22px;}
/*列表歌手名字*/
#container .left_container .list li .artist_name{ width:50px; left:125px; text-indent:5px;}
/*列表按钮*/
#container .left_container .list li .btn{ width:55px; right:-3px;}
#container .left_container .list li .btn a{ display:block; float:left; margin:0; margin-top:1px; margin-right:3px;}









/*热门排行*/
#container .left_container .recommend_mp3{ position:absolute; width:245px; height:100%; left:0; background:#FFF url(/images/download/box_bg.gif) repeat-y;}





/*热门排行*/
#container .left_container .hot_ranking{ position:absolute; width:245px; height:100%; left:0; background:#FFF url(/images/download/box_bg.gif) repeat-y;}
/*最新歌曲*/
#container .left_container .new_music{ position:absolute; width:245px; height:100%; left:253px; background:#FFF url(/images/download/box_bg.gif) repeat-y;}
/*韩文歌曲*/
#container .left_container .kr_music{ position:absolute; width:245px; height:100%; right:0; background:#FFF url(/images/download/box_bg.gif) repeat-y;}

/*热门排行使用*/
#container .left_container .hot_ranking .menu{ position:absolute; width:140px; left:106px; top:8px; text-align:center;}
#container .left_container .hot_ranking .menu a{ display:block; width:40px; height:21px; overflow:hidden; line-height:25px; text-decoration:none; margin-right:3px; float:left; background-image:url(/images/download/menu_bg2.gif); background-position:top;}
#container .left_container .hot_ranking .menu a:hover,
#container .left_container .hot_ranking .menu a.selected{ background-position:0 -29px; color:#F60; font-weight:bold;}


















/*mp3月下载排行*/
#container .left_container .mp3_download_ranking{ position:absolute; width:499px; height:100%; right:0px; background:url(/images/download/box2_bg.gif) repeat-y;}
#container .left_container .mp3_download_ranking .box_title{ width:100%; height:29px; background:url(/images/download/mp3_donwload_ranking_tt.gif);}
#container .left_container .mp3_download_ranking .list_container{ position:absolute; width:490px; height:100%; left:5px; top:0;}
#container .left_container .mp3_download_ranking .list_2{ left:250px;}



















#container .left_container .gg_2{ width:752px; height:100px; margin-bottom:7px;}




















/*行3*/
#container .left_container .line_3{ height:372px; margin-bottom:6px; position:relative;}
/*序号*/
#container .left_container .line_3 .no{ float:left; margin-top:-1px;}
/*列表歌曲名字*/
#container .left_container .line_3 .list li .song_name{ width:110px; left:22px;}
/*列表歌手名字*/
#container .left_container .line_3 .list li .artist_name{ width:54px; left:130px; text-indent:5px;}
/*按钮*/
#container .left_container .line_3 .list li .btn{ width:36px; height:20px; overflow:hidden; right:-3px;}
#container .left_container .line_3 .list li .btn a{ display:block; float:left; margin:0; margin-top:1px; margin-right:3px;}
/*推荐mp4*/
#container .left_container .line_3 .recommend_mp4,
#container .left_container .line_3 .mp4_download_ranking,
#container .left_container .line_3 .new_update_mp4
{ position:absolute; width:245px; height:100%; left:0; background:#FFF url(/images/download/box_bg.gif) repeat-y;}
#container .left_container .line_3 .mp4_download_ranking{ left:253px;}
#container .left_container .line_3 .new_update_mp4{ left:507px;}
/*热门排行列表*/
#container .left_container .line_3 .list{ top:38px;}
