/* Reset Begin "Microsoft YaHei" ,*/
/* Reset Begin "Microsoft YaHei" ,*/
html,body{_height:100%;}
body,button,input,select,textarea{font:12px/1.125 Arial,Helvetica,sans-serif;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
q:before,q:after{content:'';}
:focus{outline:0;}
input,textarea{outline-style:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:vertical;}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym {border:0;font-variant:normal;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.block{display:block;}
.pointer{cursor:pointer;}
.clear{clear:both;}
.clearfix:after,.title_A:after,.title_B:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.clearfix,.title_A,.title_B{display:inline-block;}
.clearfix,.title_A,.title_B{display:block;}
.none{display:none;}
.noneV{visibility:hidden;}
.FL{float:left;}
.FR{float:right;}
.TAL{text-align:left;}
.TAR{text-align:right;}
.TAC{text-align:center;}
.VAM{vertical-align:middle}
.vatb{vertical-align:text-bottom}
.MA{margin-left:auto;margin-right:auto;}
.PR{position:relative;}
.hidden{overflow:hidden;}
.keyword{color:#F00;}
.userid{color:#F2F2F2;}
.bold{font-weight:bold;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
a:hover img{opacity:0.9;filter:alpha(opacity=90);}
.zoom{_zoom:1}
textarea{padding:5px;line-height:18px;}
img{vertical-align:middle;}
/* Reset End */

/* 基本组件 Begin */
a{
	color:#53b6bc;
	}
a.black{
	color:#000000;
	}
a.black:hover{
	color:#53b6bc;
	}
body{
	background:url(/image2/music/web/ting2013/frontend/ver20140818/nav_bg.jpg) repeat-x center 40px;
	}
.W_main{
	width:980px;
	margin:0 auto 40px;
	}
.F_left{
	float:left;
	width:680px;
	margin-right:10px;
	}
.F_right{
	float:left;
	width:290px;
	}
.W_left{
	float:left;
	width:650px;
	margin-right:10px;
	}
.W_right{
	float:left;
	width:320px;
	}
.silder{
	position:absolute;
	top:0;
	left:0px;
	}
.font14{
	font-size:14px;
	}
.W_main h1{
	padding-bottom:19px;
	margin-bottom:20px;
	border-bottom:solid 1px #53b6bc;
	font-family:"Arial","Microsoft YaHei";
	font-size:30px;
	font-weight:normal;
	padding-left:70px;
	}
h1 span{
	margin-right:10px;
	}
h1 b{
	display:inline-block;
	height:16px;
	line-height:16px;
	font-size:12px;
	}
h1 a{
	display:inline-block;
	height:16px;
	background:url(/image2/music/web/ting2013/frontend/var20150326/icon.png) no-repeat -1000px -1000px;
	_background-image:url(/image2/music/web/ting2013/frontend/var20150326/icon.gif);
	line-height:16px;
	padding-left:20px;
	font-size:14px;
	}
h1 .btn-song{
	background-position:0px -160px;
	}
h1 .btn-songlist{
	background-position:0 -85px;
	}
h1 .cur-song{
	background-position:0px -125px;
	color:#000000;
	}
h1 .cur-songlist{
	background-position:0 -49px;
	color:#000000;
	}
h1 .cur-song:hover,h1 .cur-songlist:hover{
	text-decoration:none;
	cursor:default;
	}
.W_main h2{
	height:21px;
	margin-bottom:20px;
	line-height:21px;
	font-size:16px;
	position:relative;
	}
h2 span{
	float:left;
	padding:0 5px 0 0;
	background:#FFFFFF;
	}
h2 p{
	padding-top:10px;
	border-bottom:solid 1px #e6e6e6;
	}
h2 div{
	position:absolute;
	top:0;
	right:0;
	}
h2 .btn_all{
	left:75px;
	top:-5px;
	right:auto;
	background:#FFF;
	padding:0 4px;
	}
/* 基本组件 End */

/* 字符类icon Begin */
.W_ficon {
	font-family: "wbficonregular";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	}
@font-face {
    font-family: 'wbficonregular';
    src: url('/image2/music/web/font/wbficon.eot-id201406101718.html');
    src: url('/image2/music/web/font/wbficon.eot-id201406101718#iefix.html') format('embedded-opentype'),
    	 url('/image2/music/web/font/wbficon.svg-id201406101718.html') format('svg'),
         url('/image2/music/web/font/wbficon.woff-id201406101718.html') format('woff'),
         url('/image2/music/web/font/wbficon.ttf-id201406101718.html') format('truetype');
	src: url('/image2/music/web/font/wbficon.eot-id201406101718.html')\9;
    font-weight: normal;
    font-style: normal;
	}
/* 字符类icon End */
	
/* 浮层类 Begin */
.layer_confirm{
	position:absolute;
	top:0;
	left:0;
	border-top:solid 2px #53b6bc;
	background:#ffffff;
	text-align:center;
	box-shadow:0px 0px 25px  #c8c8c8;
	border-radius:3px;
	}
.layer_confirm .W_ficon{
	float:right;
	color:#595959;
	font-size:18px;
	}
.layer_confirm a:hover{
	text-decoration:none;
	}
.layer_confirm .clearfix{
	padding:8px 8px 30px 0;
	}
.layer_confirm p{
	color:#333333;
	font-family:"Microsoft YaHei";
	font-size:14px;
	}
.layer_confirm .box{
	background:#f2f2f5;
	height:43px;
	margin-top:30px;
	padding-top:10px;
	}
.layer_confirm .box a{
	width:92px;
	height:30px;
	line-height:30px;
	margin:0 5px;
	}
.layer_tips{
	position:absolute;
	top:0;
	left:0;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/layer_tips.png) no-repeat;
	width:242px;
	height:57px;
	}
.layer_tips .W_ficon{
	color:#595959;
	font-size:18px;
	margin:11px 0 0 25px;
	display:inline;
	}
.layer_tips a:hover{
	text-decoration:none;
	}
.layer_tips .ico_warning{
	margin:13px 0 0 35px;
	display:inline;
	}
.layer_tips p{
	color:#333333;
	font-family:"Microsoft YaHei";
	margin:14px 0 0 5px;
	display:inline;
	}
/* 浮层类 End */

/* Header Begin */
.header{
	margin:41px auto 40px;
	width:980px;
	height:89px;
	}
.header .nav{
	float:right;
	margin:32px 0 0 0;
	}
.header .logo{
	float:left;
	margin:20px 0 0 20px;
	display:inline;
	}
/* Header End */

/* Footer Begin */
.footer{
	background:#fafafa;
	}
.footer img{
	display:block;
	}
.footer .cloud{
	max-width:1312px;
	margin:0 auto;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/footer_bg.jpg) repeat-x left 57px !important;
	background:none;
	}
.footer .warp{
	width:980px;
	margin:0 auto;
	}
.footer .navbottom {
	width:940px;
	padding:25px 0 15px 0;
	margin:0 20px;
	border-bottom:solid 1px #e6e6e6;
	overflow:hidden;
	}
.footer .navbottom div{
	width:1400px;
	}
.footer .navbottom ul {
	float:left;
	margin:0 95px 0 0px;
	}
.footer .navbottom li{
	vertical-align:middle;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
	}
.footer .navbottom a{
	margin-right:5px;
	}
.footer .help{
	margin:20px 20px 0 20px;
	padding-bottom:10px;
	}
.footer .help ul{
	margin:7px 0;
	}
.footer .help li{
	float:left;
	margin:0 10px 0 0;
	color:#808080;
	line-height:14px;
	}
.footer .help a{
	margin-right:10px;
	}
.footer .help .copyright{
	float:right;
	}
.footer .help .link a{
	color:#333333;
	}
/* Footer End */

/* 导航 Begin */
.nav li{
	position:relative;
	float:left;
	height:30px;
	margin:0 0 0 15px;
	padding:0 5px;
	line-height:30px;
	}
.nav li span{
	display:none;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-6px;
	bottom:-6px;
	width:0;
	height:0;
	border-color: #4ea5a2 transparent;
	border-width:6px 6px 0 6px;
	border-style:solid;
	_border-color: #4ea5a2 #fafafa;
	}
.nav li a{
	font-family:"Arial","Microsoft YaHei";
	font-size:16px;
	font-weight:bold;
	color:#000000;
	}
.nav li a:hover{
	color:#53b6bc;
	}
.nav li.current{
	margin-top:-1px;
	padding:0;
	border:solid 1px #4ca09d;
	border-radius:3px;
	background:#53b6bc;
	}
.nav li.current span{
	display:block;
	}
.nav li.current a{
	padding:0 8px;
	color:#ffffff;
	}
.nav li.current a:hover{
	text-decoration:none;
	color:#fff;
	}
/* 导航 End */
/* 头部搜索 begin */
.h_search {
    background-color: #F9FFD9;
    border: 1px solid #9D9E99;
    height: 28px;
    width: 273px;
	margin:34px 0 0 30px;
	position:relative;
	z-index:10;
    }
.h_search input{
	background-color:transparent;
	border:none 0;
	height:19px;
	font-size:12px;
	padding:4px 5px 5px 5px;
	width:245px;
	}
.h_search .glass_icon{
	position:absolute;
	top:6px;
	right:2px;
	}
.h_search .list{
	width:273px;
	padding-top:10px;
	border: 1px solid #9D9E99;
	border-top:none 0;
	position:absolute;
	right:-1px;
	top:29px;
	background:#FFF;
	box-shadow:0px 4px 5px 0px rgba(0, 0, 0, 0.3);
	}
.h_search .list dt .keyword{
	color:#f06f77;
	}
.h_search .list dd .keyword{
	color:#f00;
	}		
.h_search dl{
	padding-bottom:10px;
	}
.h_search dt,.h_search dd a{
	display:block;
	padding-left:15px;
	line-height:18px;
	padding:5px 0 5px 15px;
	text-decoration:none;
	}
.h_search dt{
	color:#303030;
	font-weight:bold;
	}
.h_search dd a{
	color:#000;
	}	
.h_search dt a:hover,.h_search dd a:hover,.h_search .cur{
	background-color:#f5f5f5;
	}				
/* 头部搜索 End */
/* 按钮 Begin */
.more{
	padding:0 0 0 9px;
	background:#FFFFFF;
	}
.more a{
	font:12px "宋体";
	}
.btn_live_prev,.btn_live_next,.btn_ad_prev,.btn_ad_next{
	display:inline-block;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/button.png) no-repeat -1000px -1000px;
	_background-image:url(/image2/music/web/ting2013/frontend/ver20140818/button.gif);
	}	
.btn_min a{
	display:inline-block;
	overflow:hidden;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/button.png) no-repeat -1000px -1000px;
	_background-image:url(/image2/music/web/ting2013/frontend/ver20140818/button.gif);
	text-indent:-1000px;
	}
.btn_min{
	background:#FFF;
	}
.btn_min a{
	float:left;
	width:24px;
	height:22px;
	margin-left:5px;
	}
.btn_min span{
	font-size:12px;
	font-weight:normal;
	font-family:"Arial";
	padding:0 5px 0 10px;
	color:#808080
	}
.btn_min .disabled_prev{
	background-position:left top;
	}
.btn_min .prev{
	background-position:-25px top;
	}
.btn_min .prev:hover{
	background-position:-50px top;
	}
.btn_min .disabled_next{
	background-position:left -25px;
	}
.btn_min .next{
	background-position:-25px -25px;
	}
.btn_min .next:hover{
	background-position:-50px -25px;
	}
.btn_primary{
	display:inline-block;
	border:1px solid #3b9fa5;
	border-radius:3px;
	box-shadow:1px 2px 3px 1px #ececec;
	color:#fff;
	background-color: #53b6bc;
	}
.btn_primary:hover{
	text-decoration:none;
	background-color: #3b9fa5;
	border:1px solid #328a8f;
	}
.btn_disable{
	display:inline-block;
	border:1px solid #bbb;
	border-radius:3px;
	box-shadow:1px 2px 3px 1px #ececec;
	color:#fff;
	background-color: #ccc;
	}
.btn_disable:hover{
	text-decoration:none;
	}
.btn_default{
	display:inline-block;
	border:1px solid #d9d9d9;
	border-radius:3px;
	box-shadow:1px 2px 3px 1px #ececec;
	color:#333;
	background-color:#fff;
	}
.btn_default:hover{
	text-decoration:none;
	background-color: #fff;
	border:1px solid #d9d9d9;
	}	
.btn_live_prev{
	width:30px;
	height:60px;
	background-position:0 -100px;
	}
.btn_live_next{
	width:30px;
	height:60px;
	background-position:-40px -100px;
	}
.btn_live_prev:hover{
	background-position:0 -165px;
	}	
.btn_live_next:hover{
	background-position:-40px -165px;
	}
.btn_ad_prev,.btn_ad_next{
	width:9px;
	height:24px;
	}
.btn_ad_prev{
	background-position:-11px -118px;
	}
.btn_ad_next{
	background-position:-51px -118px;
	}
.btn_ad_prev:hover{
	background-position:-11px -183px;
	}	
.btn_ad_next:hover{
	background-position:-51px -183px;
	}
.btn_ticket{
	height:24px;
	display:inline-block;
	padding:0 18px;
	line-height:24px;
	border:1px solid #3b9fa5;
	background:#53b6bc;
	border-radius:2px;
	color:#fff;
	
	}
.btn_ticket:hover{
	background:#3b9fa5;
	border-color:#328a8f;
	text-decoration:none;
	}							
/* 按钮 End */

/* 图标 Begin */
.share_min,.praise,.cancel,.praise_big,.share_big,.praise_big_cur,.song_list_icon,.singer_icon,.search_icon,.praise_small,.share_small,.glass_icon,.play_max,.play_min,.play_mid,.play_all,.add_all,.add_min,.video_max,.ico_add20,.ico_warning,.ico_search18,.pause_min,.add_forbidden_min,.delete_min,.page_down,.page_up,.icon_ticket,.side_page .btn_prev,.side_page .btn_next{
	display:inline-block;
	background:url(/image2/music/web/ting2013/frontend/var20150326/icon.png) no-repeat -1000px -1000px;
	_background-image:url(/image2/music/web/ting2013/frontend/var20150326/icon.gif);
	}
.share_min{
	width:14px;
	height:15px;
	background-position:-100px -22px;
	}
.share_min:hover{
	background-position:-150px -22px;
	}
.play_max{
	width:40px;
	height:40px;
	background-position:-50px -400px;
	}
.play_max:hover{
	background-position:-51px -449px;
	}
.play_min{
	width:20px;
	height:20px;
	background-position:-150px -500px;
	}
.play_min:hover{
	background-position:-150px -530px;
	}
.add_min{
	width:20px;
	height:20px;
	background-position:-180px -500px;
	}
.add_min:hover{
	background-position:-180px -530px;
	}
.play_mid{
	width:30px;
	height:30px;
	background-position:-100px -650px;
	}
.play_mid:hover{
	background-position:-150px -650px;
	}
.play_all{
	width:30px;
	height:30px;
	background-position:0px -300px;
	}
.play_all:hover{
	background-position:-50px -300px;
	}
.add_all{
	width:30px;
	height:30px;
	background-position:0px -350px;
	}
.add_all:hover{
	background-position:-50px -350px;
	}
.praise,.cancel{
	padding-left:14px;
	height:15px;
	line-height:16px;
	font-weight:normal;
	font-family:"Arial";
	}
.praise i,.cancel i{
	font-style:normal;
	font-weight:normal;
	font-family:"Arial";
	}
.praise{
	background-position:left -1px;
	}
.praise:hover{
	background-position:-100px -1px;
	}
.cancel{
	background-position:left -25px;
	}
.praise_big,.share_big,.praise_big_cur{
	width:37px;
	height:30px;
	}	
.praise_big{
	background-position:-97px -400px;
	}
.praise_big:hover{
	background-position:-97px -450px;
	}
.praise_big_cur,.praise_big_cur:hover{
	background-position:-97px -500px;
	}
.share_big{
	background-position:-150px -400px;
	}
.share_big:hover{
	background-position:-150px -450px;
	}
.praise_small,.share_small{
	width:25px;
	height:22px;
	}
.praise_small{
	background-position:-49px -600px;
	}
.praise_small:hover{
	background-position:1px -600px;
	}
.praise_small_cur,.praise_small_cur:hover{
	background-position:-99px -600px;
	}		
.share_small{
	background-position:-50px -650px;
	}
.share_small:hover{
	background-position:0 -650px;
	}			
.song_list_icon{
	width:32px;
	height:25px;
	vertical-align:middle;
	background-position:0 -500px;
	}
.song_list_icon:hover{
	background-position:0 -550px;
	}
.singer_icon{
	width:24px;
	height:22px;
	background-position:-50px -500px;
	vertical-align:middle;
	}
.singer_icon:hover{
	background-position:-50px -550px;
	}
.search_icon{
	width:67px;
	height:25px;
	background-position:-100px -550px;
	}
.glass_icon{
	width:16px;
	height:17px;
	background-position:-150px -600px;
	}
.video_max{
	width:24px;
	height:20px;
	background-position:-100px -350px;
	}
.video_max:hover{
	background-position:-150px -350px;
	}
.ico_add20{
	width:20px;
	height:20px;
	background-position:-125px -275px;
	}
.ico_warning{
	width:15px;
	height:16px;
	background-position:-100px -325px;
	}
.ico_search18{
	width:18px;
	height:18px;
	background-position:-180px -600px;
	}	
.pause_min{
	width:20px;
	height:20px;
	background-position:-150px -300px;
	}
.pause_min:hover{
	background-position:-180px -300px;
	}	
.add_forbidden_min	{
	width:20px;
	height:20px;
	background-position:-125px -300px;
	cursor:default;
	}	
.delete_min{
	width:20px;
	height:20px;
	background-position:-150px -325px;
	}
.delete_min:hover{
	background-position:-180px -325px;
	}
.page_down{
	width:10px;
	height:6px;
	background-position:-100px -300px;
	}	
.page_up{
	width:10px;
	height:6px;
	background-position:-100px -310px;
	}
.icon_ticket{
	width:30px;
	height:30px;
	background-position:-100px -150px;
	}
.side_page .btn_prev{
	width:26px;
	height:26px;
	background-position:0 -230px;
	}
.side_page .btn_next{
	width:26px;
	height:26px;
	background-position:-50px -230px;
	}
.side_page .btn_prev:hover{
	background-position:0 -260px;
	}
.side_page .btn_next:hover{
	background-position:-50px -260px;
	}
.side_page .prev_none,.side_page .prev_none:hover{
	background-position:-0px -200px;
	}
.side_page .next_none,.side_page .next_none:hover{
	background-position:-50px -200px;
	}																
/* 图标 End */

/* 赞 | 分享 Begin */
.praise_share li{
	display:inline-block;
	vertical-align:middle;
	color:#d9d9d9;
	margin-right:3px;
	*display:inline;
	}
.praise_share li a{
	display:inline-block;
	font-style:normal;
	}
/* 赞 | 分享 End */

/* Group Begin */
.group{
	margin-bottom:10px;
	}
.group p{
	color:#808080;
	margin-left:70px;
	}
.group ul{
	margin:0 0 9px 64px;
	}
.group li{
	float:left;
	margin-right:16px;
	}
.group li a{
	float:left;
	height:22px;
	border-radius:3px;
	padding:0 6px;
	line-height:22px;
	}
.group li.current a{
	background:#e6e6e6;
	color:#000;
	}
.group li.current a:hover{
	text-decoration:none;
	}
/* Group End */

/* Page Begin */
.W_pages{
	border-top:solid #53b6bc 1px;
	padding-top:40px;
	text-align:center;
	}
.W_pages *{
	display:inline-block;
	color:#000000;
	}
.W_pages .W_btn_c{
	width:58px;
	height:22px;
	line-height:21px;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/button.png) no-repeat left -50px;
	margin: 0 5px;
	}
.W_pages .S_bg1{
	background-color: #f7f7f7;
	color:#53b6bc;
	}
.W_pages .page{
	padding: 0 8px;
	margin: 0 3px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	}
.W_pages a:hover{
	text-decoration:none;
	}
.W_pages .S_bg1:hover{
	color:#005580;
	}
.W_pages .W_btn_c:hover{
	background-position:left -75px;
	}
.Min_page a{
	width:12px;
	height:16px;
	display:inline-block;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/button.png) no-repeat;
	margin:0 10px;
	}
.Min_page .prev{
	background-position:-64px -65px;
	}
.Min_page .prev:hover{
	background-position:-64px -80px;
	}
.Min_page .first{
	background-position:-64px -50px;
	}
.Min_page .next{
	background-position:-79px -65px;
	}
.Min_page .next:hover{
	background-position:-79px -80px;
	}
.Min_page .last{
	background-position:-79px -50px;
	}
/* Page End */

/* 宽度 Begin */
.w290{
	width:290px;
	}
.w175{
	width:175px;
	}
.w170{
	width:170px;
	}
.w395{
	width:395px;
	}				
.pl25{
	padding-left:25px;
	}
.ml25{
	margin-left:25px;
	}
/* 宽度 End */

/* 边框 begin */	
.b_top_green{
	border-top:1px solid #53b6bc;
	}
.b_top_w{
	border-top:1px solid #fff;
	}
.b_top_gray{
	border-top:1px solid #bfbfbf;
	}	
/* 边框 End */

/* 字体样式 begin */
.fwb{
	font-weight:bold;
	}
/* 字体样式 End */

/* 边距 begin */	
.mr5{
	margin-right:5px;
	}
.mr18{
	margin-right:18px;
	}
.mr10{
	margin-right:10px;
	}	
.mt12{
	margin-top:12px;
	}
.ml12{
	margin-left:12px;
	}		
/* 边距 End */	

/* 无结果 */
.null{
	padding:80px 0;
	background:url(/image2/music/web/ting2013/frontend/ver20140818/null.jpg) no-repeat right bottom;
	margin-left:70px;
	height:auto !important;
	min-height:490px;
	height:410px;
	font-size:18px;
	}
.ml280{
	margin-left:280px;
	}
.null p{
	line-height:35px;
	font-family:"Arial","Microsoft YaHei";
	}
.null a{
	
	}
/* 无结果 */

/* 右侧边框标题 Begin */
.side_box{
	border:solid #ececec 1px;
	border-radius:3px;
	margin-bottom:10px;
	}
.side_box h3{
	position:relative;
	color:#333333;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	border-bottom:solid 1px #e3e3e3;
	height:39px;
	line-height:39px;
	padding-left:15px;
	font-family:"Arial","Microsoft YaHei";
	}
/* 右侧边框标题 End */