/*首页CSS*/
#index{}
#bigbanner{width:1100px; height:252px; margin-bottom:15px;}

#index .homesongbook{ float:left; margin-left:30px;margin-right:10px; text-align:center;  margin-bottom:10px;}
#index .homesongbook img{padding: 4px;border: solid 1px #efefef;}
#index .homesongbook span{line-height:300%;}
#index #songbooklist{margin-top:10px;}

/*5张推荐专辑*/
#index .loop, #index #recvideo{ background:#fff; padding:20px;box-shadow: 0 0 26px #EEE inset; }
#index  .title{height: 35px;padding: 0;}
#index  .title h2{ color:#333; font-weight:normal; font-size:16px; width:100%;}
#index  .title h2 a{ float:right;font-size:12px; color: #999; padding: 0;}
#index .title .title-link{ float:right;font-size:12px; color: #999; padding-top: 3px;}
/*#index .title .title-link a{color: #999;}*/
#index  .title .title-link span{font-size:12px; color: #999; padding: 0 10px;}
#index .loop .recommend{height:190px;padding:15px 0 0 0;overflow:hidden;}
#index .loop .recommend .more{float:left;width:950px;padding:10px 0 0 0;}
#index .loop .recommend ul{float:left;margin:0 -50px 0 0;padding:0;}
#index .loop .recommend ul li{float:left;height:190px;width:190px;position:relative;margin:0 35px 0 0;display:inline;}
#index .loop .recommend ul li img,ul.songer_result_list li dl dt img,ul.new_song_list li dl dt img,.album_layer .layer_album dl dt img,.new_song_layer .layer_album dl dt img{width:150px;height:150px;position:absolute;top:-2px;left:-2px;z-index:1;}
#index .loop .recommend ul li em.btn,ul.songer_result_list li dl dt em.btn,ul.new_song_list li dl dt em.btn,.album_layer .layer_album dl dt em.btn,.new_song_layer .layer_album dl dt em.btn {
width:36px;height:36px;
position:absolute;right:4px;
bottom:4px;
cursor:pointer;
background:url(../images/recommenddefault20111221.png) no-repeat left top;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
_background:url(../images/recommenddefault20111221.gif) no-repeat left top;
z-index:20;
display:inline;}
#index .loop .recommend ul li a,ul.songer_result_list li dl dt a,ul.new_song_list li dl dt a,.album_layer .layer_album dl dt a,.new_song_layer .layer_album dl dt a{text-decoration:none;}
#index .loop .recommend ul li div .text,ul.songer_result_list li dl dt a .text,ul.new_song_list li dl dt a .text,.album_layer .layer_album dl dt a .text,.new_song_layer .layer_album dl dt a .text{
width:150px;height:45px;position:absolute;
left:-2px;bottom:2px;
background:url(../images/transblack40_20111010.png);
_background:#000;
z-index:3;}
#index .loop .recommend ul li div.hover{cursor:pointer;}
#index .loop .recommend ul li div.hover em.btn{display:none;}
#index .loop .recommend ul li div .text p,ul.songer_result_list li dl dt a .text p,ul.new_song_list li dl dt a .text p,.album_layer .layer_album dl dt a .text p,.new_song_layer .layer_album dl dt a .text p{position:relative;line-height:22px;height:22px;color:#FFF;text-indent:10px;overflow:hidden;margin:0;}
#index .loop .recommend ul li div .text p a,ul.songer_result_list li dl dt a .text p span a,ul.new_song_list li dl dt a .text p span a,.album_layer .layer_album dl dt a .text p span a,.new_song_layer .layer_album dl dt a .text p span a{color:#FFF;}
#index .loop .recommend ul li div .text p a:hover,ul.songer_result_list li dl dt a .text p span a:hover,ul.new_song_list li dl dt a .text p span a:hover,.album_layer .layer_album dl dt a .text p span a:hover,.new_song_layer .layer_album dl dt a .text p span a:hover{text-decoration:underline;}
#index .loop .recommend ul li div .text p.bolder,ul.songer_result_list li dl dt a .text p.bolder,ul.new_song_list li dl dt a .text p.bolder,.album_layer .layer_album dl dt a .text p.bolder,.new_song_layer .layer_album dl dt a .text p.bolder{font-weight:bolder;}

#index .loop .recommend ul li div .text em,ul.songer_result_list li dl dt a .text em,ul.new_song_list li dl dt a .text em,.album_layer .layer_album dl dt a .text em,.new_song_layer .layer_album dl dt a .text em .indexplay{
width:36px;height:36px;float:right;cursor:pointer;
background:url(../images/recommenddefault20111221.png) no-repeat left top;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
_background-image:url(../images/recommenddefault20111221.gif) no-repeat left top;
margin:-38px 2px 0 0;
}
.indexplay{
	width:36px;height:36px;float:right;cursor:pointer;
	background:url(../images/recommenddefault20111221.png) no-repeat left top;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
	_background-image:url(../images/recommenddefault20111221.gif) no-repeat left top;
	margin:-38px 2px 0 0;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition: all linear .2s;
}
.indexplay:hover{
width:36px;height:36px;float:right;cursor:pointer;
background:url(../images/recommendhover20110809.png) no-repeat left top;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
_background-image:url(../images/recommendhover20110809.gif) no-repeat left top;
margin:-38px 2px 0 0;
}
#index .loop .recommend ul li div.hover .text em {
background:url(../images/recommendhover20110809.png) no-repeat left top;
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommendhover20110809.gif');*/
_background-image:url(../images/recommendhover20110809.gif) no-repeat left top;
}

.playbox{
	width:36px;height:36px;float:right;cursor:pointer;
	background:url(../images/recommenddefault20111221.png) no-repeat left top;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
	_background-image:url(../images/recommenddefault20111221.gif) no-repeat left top;
	margin:-90px 94px 0 0;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition: all linear .2s;
}
.playbox:hover{
	width:36px;height:36px;float:right;cursor:pointer;
	background:url(../images/recommendhover20110809.png) no-repeat left top;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/recommenddefault20111221.gif');*/
	_background-image:url(../images/recommendhover20110809.gif) no-repeat left top;
}

/*推荐MV*/
.videolist { margin-left: -16px;}
.videolist h4 { padding:5px 0; border-bottom:solid 1px #dedede; }
.videolist ul { margin:12px 0 0 4px; padding:0; list-style:none; }
.videolist li { margin:0 0 10px 13px; float:left; overflow:hidden; }
.videolist li .content{text-align: left; color: #767676; margin-bottom: 10px;line-height: 140%;}
.videolist li .content a{font-size: 16px;}
.videolist li .content a.vtitle{
	line-height: 120%; display: inline-block; white-space: nowrap; width: 176px; overflow: hidden; text-overflow: ellipsis; }
.videolist li .content span:before{content: '\002022'; margin: 0 5px;}
.videolist li .vthumb{  height:126px;  width: 201px;}
.videolist li .vthumb img{width:201px; }
.videolist li .vthumb .duration{
	position: relative;
	margin-top: 0;
	margin-right: 0;
	padding: 0 4px;
	font-weight: 500;
	font-size: 11px;
	background-color: #000;
	color: #fff !important;
	height: 14px;
	line-height: 14px;
	opacity: .75;
	filter: alpha(opacity=75);
	display: -moz-inline-stack;
	vertical-align: top;
	display: inline-block;
	bottom: 15px;
	left:2px;}
.videolist li .videoplay-icon-index{ width: 201px; height: 116px;}
/*
推荐MV end
-------------------------------
最新MV START*/
#newvideo{ padding: 10px;}

.newvideolist ul { margin:10px 0 0 0; padding:0; list-style:none;  }
.newvideolist li { padding:0 0 15px 0;
	height: 65px;}
.newvideolist li .content{text-align: left; color: #767676; height: 65px;line-height: 140%;}
.newvideolist li .vthumb{float:left;margin-right:10px; width: 120px;height:65px;}
.newvideolist li .vthumb .duration{
	position: relative;
	margin-top: 0;
	margin-right: 0;
	padding: 0 4px;
	font-weight: 500;
	font-size: 11px;
	background-color: #000;
	color: #fff !important;
	height: 14px;
	line-height: 14px;
	opacity: .75;
	filter: alpha(opacity=75);
	display: -moz-inline-stack;
	vertical-align: top;
	display: inline-block;
	bottom: 15px;
	left:1px;}
.newvideolist li .vthumb img{width:120px; }

#index #main{margin:10px 0 0 0;}
#index #main #left{padding:10px; margin:0 10px 0 0;  width:770px; background:#fff;box-shadow: 0 0 26px #EEE inset; float:left;}
#index #main #left h2{ color:#333; font-weight:normal; font-size:18px;  border-bottom:#CCCCCC 2px solid; height: 35px;padding: 0;}

#index #main #right{background:#fff; width:300px; float:right;}
#index #main #right h1{ color:#333; font-weight:normal; font-size:16px;  border-bottom: #F90 2px solid; height: 35px;padding: 0;}
#index #main #right h1 a{ float:right;font-size:12px; color: #999; font-weight:normal;}
#index #main #right .ds-recent-comments{padding:0;margin:0;}
#index #main #right .ds-recent-comments .ds-comment{border-top:0; border-bottom:#CCC 1px dotted;}

#index #main #right #commentusers{padding:10px 10px 0 10px;}
#index #main #right #newcomment{padding:0px 10px 0 10px;}
/*最新专辑*/
#index #main #newalbum{padding:10px 10px 10px 10px;border-bottom:10px solid #ededed;}
#index #main #newalbum ul, #hotalbum ul, #boxrank ul{padding:0px; margin:5px 0 0 0;}
#index #main #newalbum dl, #hotalbum dl, #boxrank dl{list-style:none; padding:10px 0px; clear:both;}
#index #main #newalbum dl span, #hotalbum dl span, #boxrank dl span{float:left;margin-right:8px;margin-left:8px;color:#9C9A9C;}
#index #main #newalbum dl span img, #hotalbum dl span img, #boxrank dl span img{ /*border:#d3d6d9 1px solid;*/ border-radius: 3px;-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}

#app{border-bottom:10px solid #DFEAF1; padding:10px 10px 10px 10px; background:#fff; float:right; width:305px;}
#app h2{color:#333; font-size:18px; line-height:200%; font-weight:normal; padding-bottom:4px;padding-left:15px;}
#app h2 span{font-size:12px; color:#666; padding-left:5px;}
#qrcode{width:100%; margin-left:16px;height:70px;}
#qrcode img{width:70px; float:left; margin-right:10px;}
#qrcode div{}
#download{margin-top:10px;margin-left:2px;}
#download a{line-height:150%; float:left;margin-bottom:15px; margin-left:15px;width:116px;}
#download .ios{display:block;padding:2px 5px;border-radius:4px;background-color:#4398DE;color:#FFF;text-decoration:none}
#download .ios:hover{background-color:#3B87C4}
#download .android{display:block;padding:2px 5px;border-radius:4px;background-color:#7CA627;color:#FFF;text-decoration:none}
#download .android:hover{background-color:#688C20}
#download .pc{display:block;padding:2px 5px;border-radius:4px;background-color:#0db3ee;color:#FFF;text-decoration:none}
#download .pc:hover{background-color:#0098ce}
#download .readbible{display:block;padding:2px 5px;border-radius:4px;background-color:#ef1414;color:#FFF;text-decoration:none}
#download .readbible:hover{background-color:#d30404}
#download .icon{float:left;width:32px;height:32px;margin-right:5px;background:url('../images/icons/app.png') no-repeat;_background-image:url('http://img.xiami.net/static/img/index/unlogin_icon.gif')}
#download .ios .icon{background-position:-3px 0}
#download .android .icon{background-position:-32px 0}
#download .pc .icon{background-position:-64px 0}
#download .readbible .icon{background-position:-94px 0}


.ds-recent-visitors .ds-avatar img{padding:4px 0;}
.ds-recent-visitors{-webkit-padding-start: 0px; padding-left:0;margin-left:0;}

/*推荐单曲，歌谱，文章*/
.reco-box{ width:232px; border-right:1px solid #CCC; padding-right:15px;margin-right:15px; float:left;}
#articles, #weekRank{border-right:0px; padding-right:0px;margin-right:0px; }
#recommends h3, #rank h3{ border-bottom: solid #E83032 2px;height: 35px; line-height:30px; padding: 0; color:#333; font-weight:normal; font-size:16px;}
#recommends h3 a, #rank h3 a{ float:right;font-size:12px; color: #999; font-weight:normal;}
.music-icon-hook {padding-right: 2px;}
.music-icon-hook .music-icon-line {display: none;float: left;width: 1px;height: 8px;margin-top: 5px;}
.music-icon-hook a {float: left;}
.music-icon-hook i {display: block;overflow: hidden;}
.list-micon {display: inline-block;padding: 5px 8px;vertical-align: -20%;cursor: pointer;}
.list-micon {padding-left: 5px;padding-right: 5px;}
.song-list {padding-top: 8px; margin:0;padding-left:0;}
.song-list li {position: relative;padding: 5px 0; list-style:none;}
.song-list .first .num {color: #cf4141;font-size: 18px;}
.song-list li .status {display: inline-block;vertical-align: middle;margin-right: 5px;}
.song-list .num {display: inline-block;vertical-align: middle;width: 18px;color: #a0a0a0; text-align: center;}
.song-list .song-name {display: inline-block;vertical-align: middle;font-size: 12px;}
.song-list .singer-name {display: inline-block;vertical-align: middle;}
.song-list .fun-icon {/*position: absolute;right: -8px;top: 50%;margin-top: -9px;*/ float:right; margin:0; padding:0;}
.icon-play i {width: 7px;height: 11px;background: url(../images/K78VdnQg.png) no-repeat -60px -84px;}
.icon-add i {width: 11px;height: 11px;background: url(../images/K78VdnQg.png) no-repeat -48px -84px;}

/*热门音乐人*/
#hotsinger{ padding:0 10px 0 10px; background:#FFF;}
#hotsinger .artists ul { margin:15px 0 0 0; padding:0; list-style:none; text-align:center; }
#hotsinger .artists li { float:left;width:140px;height:150px;}
#hotsinger .artists img { width:115px; height:115px; border:solid 1px #efefef; }
#hotsinger .artists div { margin:5px 0; }

/*最新推荐动态*/
#con {
	width: 280px;
	height: 410px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
#con .bottomcover {
	position: absolute;
	bottom: 0;
	background: url("../images/halftransp.png") repeat-x 0 -5px;
	height: 35px;
	width: 280px;
	pointer-events: none;
}
#con ul {
	position: relative;
	margin: 0px;
	top: 0;
	left: 0;
	padding: 0;
}
#con ul dl {
	width: 100%;
	border-bottom: 1px dotted #d6d6d6;
	padding: 7px 0;
	_padding: 7px 0;
	overflow: hidden;
	line-height: 1.5;
}
#con ul dl.over, #index #main #right #newalbum dl.over, #main #hotalbum dl.over , #main #boxrank dl.over {clear:both;background-color: #f5f5f5;}
#con ul dl .div_left {
	float: left;
	width: 30px;
	margin-left: 2px;
}
#con ul dl .div_left img{width:28px; height:28px;border-radius: 50%; -moz-border-radius: 50%;}
#con ul dl .div_right {
	float: left;
	padding-top:2px;
	padding-left:5px;
	width: 243px;
}
#con ul dl .div_right a {
	color: #6EAFD5;
}
#con ul dl .div_right .twit_item_time {
	color: #999;
	padding: 0px;
	float:right;
	margin-right: 2px;
}

#newalbum .play-icon, #hotalbum .play-icon, #boxrank .playbox1 {
    background: url("../images/play-icon.png") no-repeat scroll 0 0 transparent;
	_background: url("../images/play-icon.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    position: absolute;
    width: 21px;
	margin-top:13px;
	margin-left:13px;
}
#newalbum .play-icon:hover, #hotalbum .play-icon:hover, #boxrank .playbox1:hover {
    background: url("../images/play-icon.png") no-repeat scroll 0 -21px transparent;
	_background: url("../images/play-icon.gif") no-repeat scroll 0 -21px transparent;
}

#video-types ul {
	position: relative;
	margin-right: -15px;
	padding-top: 5px;
}
#video-types li{
display: inline;
float: left;
margin: 8px 8px 0 0;
position: relative;}

#video-types li a {
	float: left;
	position: relative;
	display: block;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	height: 28px;
	line-height: 28px;
	background: white;
	color: black;
	white-space: nowrap;
	text-decoration: none;
}
#video-types li a:hover{
	background: #327ccb;
	color: white;
	border-color: #327ccb;
	text-decoration: none;
}
#video-types, #jyradio { padding:10px 10px 0 10px;}
#video-types h2, #jyradio h2{color:#333; font-size:16px; line-height:200%; font-weight:normal; padding-bottom:10px;}
#jyradio div{margin:20px 0 0 0;}
#jyradio .play-icon1 {
	font-size:26px;
	font-weight:normal;
	color:#fff;
    background: #da522c;
	padding:12px;
	margin-right:14px;
}
#jyradio .play-icon1:hover {
    background: #ffbb59;
	text-decoration:none;
}
#jyradio .play-icon2 {
	font-size:26px;
	font-weight:normal;
	color:#fff;
    background: #5e3bb9;
	padding:12px;
}
#jyradio .play-icon2:hover {
    background: #ffbb59;
	text-decoration:none;
}
.ds-avatar img{border-radius:4px; -moz-border-radius: 4px;}