@charset "utf-8";
/*
 * 2010-10-18
 * By Hulala
*/


/* -------------------- common --------------------*/
.radio{
	margin-top:-25px;
	background:url(/images/radio/bg.jpg) no-repeat 50% 0;
	
}

/* -------------------- pages --------------------*/
/* ---------- radio-index ----------*/
.radio-index{
	padding-top:85px;
	}
.radio-index .content{
	position:relative;
	height:570px;
	padding:0 25px;
	border-bottom:3px solid #F8B;
	background:url(/images/radio/index/content-bg.gif?v1) no-repeat 50% 0;
}

/* ----- radio-logo -----*/
.radio-index .radio-logo,
.radio-index .player,
.radio-index .topic,
.radio-index .search-bar,
.radio-index .nav,
.radio-index .feature{
	position:absolute;
}

.radio-index .radio-logo{
	top:-50px;
	left:0;
}

/* ----- player -----*/
.radio-index .player{
	left:340px;
	top:298px;
	width:200px;
	height:55px;
	padding-left:30px;
	background:url(/images/radio/index/player-icon.gif) no-repeat;
	}
.radio-index .player .button{
	height:200px;
	height:55px;
	background:url(/images/radio/index/player-button.gif) no-repeat;
}

.radio-index .radio-live .player{
	background-position:0 100%;
	}
.radio-index .radio-live .player .button{
	display:block;
	background-position:0 0;
	}
.radio-index .radio-live .button:hover{
	background-position:0 -55px;
}

.radio-index .radio-prev .player{
	background-position:0 0;
	}
.radio-index .radio-prev .button{
	padding:5px;
	background-position:0 -110px;
}

/* ----- topic -----*/
.radio-index .topic{
	top:355px;
	left:75px;
	line-height:2;
	height:60px;
	}
.radio-index .topic h2{
	height:28px;
	}
.radio-index .topic h2 span{
	float:left;
	}
.radio-index .topic h2 span.state{
	width:70px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	text-indent:8px;
	color:#FFF;
	background:url(/images/radio/index/topic-icon.gif) no-repeat 0 0;
	}
.radio-index .radio-live .topic h2 span.state{
	background-color:#09F;
	}
.radio-index .radio-prev .topic h2 span.state{
	background-color:#F6A;
}

/* ----- search-bar -----*/
.radio-index .search-bar{
	left:115px;
	top:422px;
	width:230px;
	height:25px;
	}
.radio-index .search-bar .textbox,
.radio-index .search-bar .button{
	float:left;
	border:0;
	background:url(/images/radio/index/search-bar.gif) no-repeat;
	}
.radio-index .search-bar .textbox{
	width:170px;
	height:17px;
	line-height:17px;
	padding:4px 10px;
	background-position:0 0;
	}
.radio-index .search-bar .textbox:hover{
	background-position:0 100%;
	}
.radio-index .search-bar .button{
	width:40px;
	height:25px;
	cursor:pointer;
	background-position:100% 0;
	}
.radio-index .search-bar .button:hover{
	background-position:100% 100%;
}

/* ----- nav -----*/
.radio-index .nav{
	top:415px;
	right:30px;
	width:515px;
	height:35px;
	line-height:35px;
	background:url(/images/radio/index/nav-bg.gif) no-repeat 0 0;
	}
.radio-index .nav li{
	float:left;
	padding-right:15px;
	margin-right:14px;
	background:url(/images/radio/index/nav-bg.gif) no-repeat 100% 100%;
	}
.radio-index .nav li.first{
	padding-left:20px;
	}
.radio-index .nav li.last{
	padding-right:0;
	margin-right:0;
	background:none;
	}
.radio-index .nav li a{
	color:#FFF;
	}
.radio-index .nav li a:hover{
	color:#FF0;
}

/* ----- feature -----*/
.radio-index .feature{
	position:absolute;
	bottom:0;
	left:25px;
	width:870px;
	height:105px;
	background:url(/images/radio/index/feature.gif) no-repeat 100% 100%;
	}
.radio-index .feature a{
	float:left;
	width:210px;
	height:80px;
	margin-right:30px;
	background:url(/images/radio/index/feature.gif) no-repeat;
	}
.radio-index .feature a.announcer{
	background-position:0 0;
	}
.radio-index .feature a.book{
	background-position:100% 0;
}

/* ---------- radio-view ----------*/
.radio-view{
	padding-top:100px;
	}
.radio-view .banner{
	position:relative;
	height:195px;
	background:url(/images/radio/view/banner.gif) no-repeat 0 0;
}

/* ----- radio-logo -----*/
.radio-view .radio-logo,
.radio-view .player,
.radio-view .topic,
.radio-view .back-index{
	position:absolute;
}

.radio-view .radio-logo{
	top:-65px;
	left:0;
	}
.radio-view .back-index{
	top:-20px;
	right:0;
	line-height:2;
	}
.radio-view .back-index label{
	display:block;
	padding-right:15px;
	background:url(/images/common/drop-arrow.gif) no-repeat 100% 10px;
	}
.radio-view .back-index.hover label{
	background-position:100% -20px;
	}
.radio-view .back-index .drop-menu{
	_width:110px;
	padding:5px 10px;
	border:1px solid #DEF;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#f6fafa;
}

/* ----- player -----*/
.radio-view .player{
	left:380px;
	top:28px;
	width:200px;
	height:55px;
	padding-left:30px;
	background:url(/images/radio/index/player-icon.gif) no-repeat;
	}
.radio-view .player .button{
	height:200px;
	height:55px;
	background:url(/images/radio/index/player-button.gif) no-repeat;
}

.radio-view .radio-live .player{
	background-position:0 100%;
}

.radio-view .radio-prev .player{
	background-position:0 0;
	}
.radio-view .radio-prev .button{
	padding:5px;
	background-position:0 -110px;
}

/* ----- topic -----*/
.radio-view .topic{
	top:85px;
	left:330px;
	width:330px;
	line-height:2;
	}
.radio-view .topic h2{
	height:28px;
	}
.radio-view .topic h2 span{
	float:left;
	}
.radio-view .topic h2 span.state{
	width:70px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	text-indent:8px;
	color:#FFF;
	background:url(/images/radio/index/topic-icon.gif) no-repeat 0 0;
	}
.radio-view .radio-live .topic h2 span.state{
	background-color:#09F;
	}
.radio-view .radio-prev .topic h2 span.state{
	background-color:#F6A;
}

/* ----- listener-list -----*/
.radio-view .listener-list{
	line-height:2;
	padding:10px 15px;
	background:#ffeff6;
}

/* ----- content -----*/
.radio-view .content-head,
.radio-view .content-foot{
	overflow:hidden;
	height:10px;
	background:url(/images/radio/view/content-bg.gif) no-repeat;
	}
.radio-view .content-head{
	background-position:0 0;
	}
.radio-view .content-foot{
	background-position:0 -10px;
	}
.radio-view .content{
	zoom:1;
	padding:10px 19px;
	border-left:1px solid #F8B;
	border-right:1px solid #F8B;
}

.radio-view .main-column{
	float:left;
	width:560px;
	}
.radio-view .sub-column{
	float:right;
	width:300px;
}

.radio-view .content h2{
    height:35px;
	line-height:35px;
	padding:0 10px;
	margin-bottom:15px;
	background:#FDE;
    }
.radio-view .content h2 a{
	margin-top:7px;
}

.radio-view .page{
	height:21px;
}

/* ----- radio-msg -----*/
.radio-view .radio-msg,
.radio-view .radio-ask{
	_height:200px;
	min-height:200px;
}

.radio-view .radio-msg .msg-list{
	zoom:1;
	overflow:auto;
	margin-bottom:20px;
    }
.radio-view .radio-msg .msg-list .illus{
	float:left;
	width:60px;
    }
.radio-view .radio-msg .msg-list .intro{
	margin-left:75px;
    }
.radio-view .radio-msg .msg-list h3{
	height:25px;
	line-height:25px;
	padding:0 10px;
	margin-bottom:5px;
	background:#ffeff6;
    }
.radio-view .radio-msg .msg-list .msg-content{
	line-height:2;
	margin:0 10px;
}

.radio-view .msg-panel{
	background:#ffeff6;
	padding:0 10px 10px;
	}
.radio-view .msg-panel h2{
	margin:0 -10px 10px;
}

/* ----- radio-ask -----*/
.radio-view .radio-ask .ask-list{
	overflow:auto;
	zoom:1;
	margin-bottom:5px;
	background:#f6fafa;
    }
.radio-view .radio-ask .ask-list.even{
	background:#EFE;
    }
.radio-view .radio-ask .ask-list .illus,
.radio-view .radio-ask .ask-list .intro{
	_height:50px;
	min-height:50px;
	line-height:2;
	padding:5px 10px;
	}
.radio-view .radio-ask .ask-list .illus{
	float:left;
	width:25px;
    }
.radio-view .radio-ask .ask-list .intro{
	float:right;
	width:230px;
	border-left:5px solid #FFF;
}

/* ---------- radio-list ----------*/
.radio-list .banner{
	background-image:url(/images/radio/list/banner.gif?v1);
	}
.radio-list .content{
	padding:16px 15px 6px;
}

.radio-list .list-tab{
	height:30px;
	padding:5px 20px 0;
	background:url(/images/radio/list/radio-tab.gif) no-repeat 0 0;
	}
.radio-list .list-tab li,
.radio-list .list-tab li a,
.radio-list .list-tab li span{
	float:left;
	}
.radio-list .list-tab li a,
.radio-list .list-tab li span{
	height:30px;
	line-height:30px;
	}
.radio-list .list-tab li a{
	padding-left:15px;
	color:#868;
	}
.radio-list .list-tab li span{
	padding-right:15px;
	}
.radio-list .list-tab li a.current,
.radio-list .list-tab li a:hover,
.radio-list .list-tab li a.current span,
.radio-list .list-tab li a:hover span{
	color:#444;
	background:url(/images/radio/list/radio-tab.gif) no-repeat;
	}
.radio-list .list-tab li a.current,
.radio-list .list-tab li a:hover{
	background-position:0 100%;
	}
.radio-list .list-tab li a.current span,
.radio-list .list-tab li a:hover span{
	background-position:100% 100%;
}

.radio-list .date-nav{
	line-height:30px;
	}
.radio-list .date-nav th{
	padding:0 10px;
	background:#f0f0f0;
    }
.radio-list .date-nav td{
	width:8%;
	text-align:center;
	color:#999;
	background:#f9f9f9;
    }
.radio-list .date-nav td a{
	display:block;
	height:30px;
	color:#444;
	background:#EDF;
	}
.radio-list .date-nav td.current a,
.radio-list .date-nav td a:hover{
	font-weight:bold;
	background:#FDE;
}

.radio-list .list-show th{
	padding:0 10px;
	line-height:30px;
	background:#FDE;
    }
.radio-list .list-show td{
	width:1%;
	line-height:2;
	padding:10px 20px;
	background:#f8ebff;
    }
.radio-list .list-show tr.even td{
	background:#fff6fa;
    }
.radio-list .list-show td h3{
	margin:0 -5px;
	font-size:13px;
	}
.radio-list .list-show td h3 a{
	color:#969;	
	}
.radio-list .list-show td h3 a:hover{
	color:#39E;	
	}
.radio-list .list-show td .intr-wrap{
	min-height:120px;
}

.radio-list .sort-tab{
	line-height:2;
	padding:5px 10px;
	margin:0 5px 15px;
	color:#666;
	background:#fff6fa;
	}
.radio-list .sort-tab a{
	color:#666;
	}
.radio-list .sort-tab a.current,
.radio-list .sort-tab a:hover{
	color:#390;
}

.radio a.play{
	padding-left:12px;
	background:url(/images/radio/play_icon.gif) no-repeat 0 4px;
    }
.radio a.download{
	padding-left:12px;
	background:url(/images/radio/download_icon.gif) no-repeat 0 3px;
}


/* ---------- radio-rate ----------*/
.radio-rate .banner{
	background-image:url(/images/radio/list/banner.gif);
}
	
.radio-rate .main-column{
	width:620px
	}
.radio-rate .sub-column{
	width:240px;
}

.radio-rate .msg-panel textarea{
	height:120px;
}

/* ---------- radio-search ----------*/
.radio-search .banner{
	background-image:url(/images/radio/list/banner.gif);
}
	
.radio-search .main-column{
	width:620px
	}
.radio-search .sub-column{
	width:240px;
}

/* ----- search-bar -----*/
.radio-search .search-bar{
	height:30px;
	}
.radio-search .search-bar .textbox,
.radio-search .search-bar .button{
	float:left;
	border:0;
	background:url(/images/radio/search/search-bar.gif) no-repeat;
	}
.radio-search .search-bar .textbox{
	width:530px;
	height:20px;
	line-height:20px;
	padding:5px 10px;
	background-position:0 0;
	}
.radio-search .search-bar .textbox:hover{
	background-position:0 100%;
	}
.radio-search .search-bar .button{
	width:70px;
	height:30px;
	cursor:pointer;
	background-position:100% 0;
	}
.radio-search .search-bar .button:hover{
	background-position:100% 100%;
}

.radio-search .result-list{
	line-height:2;
	padding:0 15px 10px;
	background:#fffafc;
	}
.radio-search .result-list h2{
	margin:0 -15px 10px;
	background:#ffeff6;
}

/* ---------- radio-announcer ----------*/
.radio-announcer .content{
	position:relative;
	height:630px;
	background: url(/images/radio/announcer/bg.gif) no-repeat 0 0;
	}
.radio-announcer .announcer{
	position:absolute;
	line-height:2;
	background-repeat:no-repeat;
	background-position:0 0;
	}
.radio-announcer .a1,
.radio-announcer .a3,
.radio-announcer .a5{
	left:0;
	}
.radio-announcer .a2,
.radio-announcer .a4,
.radio-announcer .a6{
	right:0;
	}
.radio-announcer .a1{
	top:115px;
	width:430px;
	height:165px;
	background-image:url(/images/radio/announcer/da.gif);
	}
.radio-announcer .a2{
	top:115px;
	width:430px;
	height:155px;
	background-image:url(/images/radio/announcer/xq.gif);
	}
.radio-announcer .a3{
	top:295px;
	width:310px;
	height:155px;
	background-image:url(/images/radio/announcer/jl.gif);
	}
.radio-announcer .a4{
	top:300px;
	width:330px;
	height:145px;
	background-image:url(/images/radio/announcer/lj.gif);
	}
.radio-announcer .a5{
	top:465px;
	width:430px;
	height:165px;
	background-image:url(/images/radio/announcer/xp.gif);
	}
.radio-announcer .a6{
	top:465px;
	width:430px;
	height:156px;
	background-image:url(/images/radio/announcer/hj.gif);
}

.radio-announcer .announcer h2{
	height:35px;
	line-height:35px;
	margin-bottom:10px;
	font-size:14px;
	color:#FFF;
	}
.radio-announcer .a1 h2{
	margin-top:10px;
	margin-left:20px;
	}
.radio-announcer .a1 ul{
	margin-left:20px;
	color:#5fb6e0;
}
.radio-announcer .a2 h2{
	margin-top:10px;
	margin-left:140px;
	}
.radio-announcer .a2 ul{
	margin-left:140px;
	color:#c93d6f;
}
.radio-announcer .a3 h2{
	margin-top:15px;
	margin-left:10px;
	}
.radio-announcer .a3 ul{
	margin-left:10px;
	color:#d38cf4;
}
.radio-announcer .a4 h2{
	margin-top:10px;
	margin-left:105px;
	}
.radio-announcer .a4 ul{
	margin-left:105px;
	color:#f3b46a;
}
.radio-announcer .a5 h2{
	margin-top:20px;
	margin-left:20px;
	}
.radio-announcer .a5 ul{
	margin-left:20px;
	color:#f4b70c;
}
.radio-announcer .a6 h2{
	margin-top:20px;
	margin-left:115px;
	}
.radio-announcer .a6 ul{
	margin-left:115px;
	color:#3780a8;
}