@charset 'utf-8';

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


body{ background:none;}
ul{ padding:0; margin:0; border:none; list-style:none; display:block;}
li{ padding:0; margin:0; border:none; float:left;}

div{ position:relative;}
img{ border:none;}

/*主容器*/
.player_container{ width:429px; height:586px; float:left;}


/*flash 容器*/
.flash_container{ width:100%; font-size:9pt; float:left;}
.player_v2{ width:100%; background:#333333}
#player_v2{ width:100%; height:159px;}
#singer_info{ position:absolute; left:33px; top:35px; width:360px; height:68px;}
.song_inf{ position:absolute; left:85px; top:0px; width:280px; height:20px; line-height:20px; color:#840202;}
.album_img{ position:absolute; width:62px; height:62px; left:0; top:5px; background:#000;}
.album_img img{ width:58px; height:58px; border:1px solid #FFF; margin:1px;}

/*底部主容器*/
.play_list_container{ width:100%; height:427px; background:url(/images/player_v2/play_list_bg.gif) bottom no-repeat;}









/*搜索容器*/
.search_container{ width:413px; height:32px; margin:0 auto;}
/*无搜索临时使用*/
.play_list_container{ height:403px;}
.search_container{ width:413px; height:8px; margin:0 auto;}
.search_container *{ display:none;}
/*无搜索临时使用*/
.search_container .tt{ height:14px; line-height:14px; position:absolute; left:6px; top:10px;}
.search_container .tt img{ clear:both; margin-right:10px;}
.search_container .input{ width:216px; height:24px; background:url(/images/player_v2/search_bg.gif); position:absolute; left:77px; top:5px;}
.search_container .input input{ width:205px; height:14px; line-height:14px; overflow:hidden; position:absolute; left:3px; top:3px; border:1px solid #FFF;}
.search_container .btn{ position:absolute; right:0px; top:6px;}
.search_container .btn *{ float:left; margin-left:3px;}







/*列表 容器*/
.list_container{ width:413px; margin:0 auto; background:url(/images/player_v2/list_bg.gif);}
.list_container .f_bg{ height:25px; background:url(/images/player_v2/foot_img_2.jpg);}
.list_container .down_bg{ height:7px; background:url(/images/player_v2/down_bg.gif) top no-repeat;}
.list_container .f_bg .btn{ position:absolute; left:20px; top:6px;}
.list_container .f_bg .btn a{ display:inline; float:left; margin-right:15px;}
.list_container .navigation{ height:27px; background:url(/images/player_v2/navigation_bg.gif);}
.list_container .navigation .left_space{ width:8px; height:27px; float:left;}
.list_container .navigation a{ display:block; width:78px; height:29px; overflow:hidden; float:left; position:relative;}
.list_container .navigation a.list{ background:url(/images/player_v2/list.gif);}
.list_container .navigation a.lyric{ background:url(/images/player_v2/lyric.gif);}
.list_container .navigation a.artist{ background:url(/images/player_v2/artist.gif);}
.list_container .navigation a.album{ background:url(/images/player_v2/album.gif);}
.list_container .navigation a.fav{ background:url(/images/player_v2/fav.gif);}

/*搜索*/
.list_container .navigation a.search{ background:url(/images/player_v2/search.gif); margin-left:2px;}

.list_container .navigation a.close{ width:20px; height:20px; position:absolute; right:5px; top:4px;}


.list_container .navigation a.selected,
.list_container .navigation a:hover{ background-position:0 -27px;}
.list_container .list{ width:410px; height:265px; margin-left:2px; color:#808080;}
.list_container .list_height{}
.list_container .list a{ color:#808080;}
.list_container .list a:hover{ color:#ff6600;}
/*列表行使用*/
.list_container .list li.hover{ background:#99CCFF;}
.list_container .list li{ width:100%; padding:4px 0; background:#FFF;}
.list_container .list li.selected{ padding:4px 0; background:#ccdbe3; color:#000;}
.list_container .list li.selected a{ color:#000;}
.list_container .list li.even{ background:#EEE;}
.list_container .list li div{ float:left; height:15px; line-height:15px;}
.list_container .list li .select{ width:30px; height:18px; text-align:right; margin-top:-2px}
.list_container .list li .select *{ padding:0; margin:0; border:none;}
.list_container .list li .song_name{ width:190px; text-indent:10px;}
.list_container .list li .artist_name{ width:90px; text-indent:5px;}
.list_container .list li .artist_name_2{ width:70px; text-indent:5px;}
.list_container .list li .btn{ width:auto; position:absolute; right:3px;}
.list_container .list li .btn a{ float:left; margin-left:5px;}
.list_container .list{
	overflow:hidden;
	overflow-y:auto;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
	SCROLLBAR-SHADOW-COLOR: #DFDFDF;
	SCROLLBAR-3DLIGHT-COLOR: #B3B3B3;
	SCROLLBAR-ARROW-COLOR: #B3B3B3;
	SCROLLBAR-TRACK-COLOR: #F6F6F6;
	SCROLLBAR-DARKSHADOW-COLOR: #DFDFDF;
	SCROLLBAR-BASE-COLOR: #FFFFFF;
}








/*广告容器*/
.a_container{ width:413px; height:61px; overflow:hidden; position:absolute; left:8px; bottom:9px;}







.list_container .list p{
	text-align: left;
}
.list_container .list .text_p {
	text-align:center;
	background-color: #fff2e9;
	height: 59px;
	display: block;
	color: #eb7e01;
}
.list_container .list h5 {
	font-weight: bold;
	color: #eb7e01;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}

.list_container .list .singer_img { background:#CCC; height: 99px; width: 99px;	margin-top: 10px; margin-left: 20px;}
.list_container .list .singer_img img{ height: 95px; width: 95px; margin:1px; border:1px solid #FFF;}

.list_container .list .img_text {
	font-size: 12px;list_link_bg
	color: #eb7e01;
	line-height: 20px;
	display: block;
	height: auto;
	margin-top: 6px;
	margin-left: 20px;
}
.list_container .list .singer_ptext {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 355px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 20px;
	padding-bottom: 20px;
	text-align:left;
}
.list_container .list li span {
	width: 110px;
	padding-left: 8px;
	display: block;
	float: left;
}
.list_container .list .left_box {
	width: 100px;
	margin:7px 0 7px 7px;
	float:left;
	display:inline;
}
.list_container .list .left_box a {
	background: url(/images/player_v2/left_box_icon.gif) 6px 6px no-repeat;
	line-height:15px;
	display: block;
	padding-left:16px;
	margin:6px 0;
}
.list_container .list .left_box a:hover,
.list_container .list .left_box a.selected { text-decoration:underline; color: #FF3300;}

.list_right {
	width: 278px;
	float: right;
	margin: 0px;
	padding:0;
	background:#99CC00
	
}
.name_tune {
	width: 100px;
}

.zj_bg {
	height: 107px;
	width: 224px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/player_v2/zj_bg.gif);
	background-repeat: no-repeat;
	margin-top: 20%;
	margin-bottom: auto;
}
.zj_xj {
	margin-top: 10px;
	margin-left: 20px;
	display: block;
}
.ok {
	display: block;
	float: right;
	position: absolute;
	top: 40px;
	left: 140px;
}


.box_ {
	position: absolute;
	left: 40px;
	top: 28px;
	width: 66px;
}
.box2_ {
	position: absolute;
	left: 40px;
	top: 58px;
}




/*login.asp*/
#member_box {
	width: 258px;
	height:220px;
	margin:20px auto;
} 
.member_a {
	text-decoration: underline;
	padding-left: 20px;
	background-image: url(/images/player_v2/mem_icon_a.gif);
	background-position: 10px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding-top: 8px;
}
.mem_ok {
	position: relative;
	right: 15px;
	top: 0px;
	float: right;
}
.mem_span {
	display: block;
	padding-bottom: 10px;
}
.login_input_container {
	float: left;
}
.login_input_container .login_input_bg{ float:left; width:125px; height:23px; overflow:hidden; background:url(/images/player_v2/login_input_bg.gif) no-repeat;}
.login_input_container .login_input_bg input{ width:112px; height:15px; line-height:14px; overflow:hidden; border:none; margin:1px;}
.mem_load {
	padding-left: 48px;
	padding-top: 5px;
	display: block;
	float: left;
}
.mem_list {
	position: relative;
	font-size: 12px;
	line-height: 150%;
	top: 10px;
}
.mem_list span {
	padding-left: 40px;
}
.list_link_bg{ background:url(/images/player_v2/link_bg.gif) 114px 0 repeat-y;}





.lyric_padding{ padding:0 25px; text-align:center;}