/* 
	* name : topList css
	* author : owys
 */

body{background: #FAFAFA;}

/* css sprite */
.icon, .iconItem, .tabPageBtn, .musicRow li.numIcon span, .musicRow li.songBtn a, .sucIcon{ background: url(../../images_1405/music/toplist/listsongSprites.png) no-repeat;}

/* playList css */
.mainBody{ width: 1190px; margin: 0 auto; padding-top: 200px; font-family: "微软雅黑"; clear: both; overflow: auto;}

.playList_top{ line-height: 44px; height: 44px; border-bottom: 1px solid #d6d6d6; font-size: 14px; position: relative;}
.playList_top a{ color: #73ab19; /*color:#fff;*/}
.playList_top span{ color: #000;}
.playList_top span.symbol{ margin: 0 5px;}
.playList_body{ margin-top: 25px;width: 1190px;}
.playList_aside{ margin-right: 65px; width: 250px;}
.asideIntro{ margin-bottom: 20px; width: 100%; overflow: hidden;}
.imageIntro{ width: 250px;}
.aside_title{ font-size: 16px; padding-bottom: 20px; padding-left: 20px; position: relative; color: #404040;float: left;}
.aside_title span{ display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 8px; background: #73ab19;font-size: 0;}
.labelItem{ width: 270px;}
.labelItem li{ float: left; display: inline; margin-right: 16px; margin-bottom: 10px;}
.labelItem li a{ display: block; padding: 4px 8px; background: #fff; border: 1px solid #d7eabd; font-size: 12px; color: #4a7907;}
.labelItem li a:hover{ background: #f7f7f7;}

.playList_main{ width: 875px;overflow: hidden;}
.playIntro{ position: relative; color: #666;}
.playIntro h2{ font-size: 24px;}
.playIntro p{ font-size: 12px; line-height: 30px; margin-top: 30px; width: 750px;}
.playIntro p span{ color: #73ab19;}
.playList_IconItem{ position: absolute; right: 0; top: 8px; display:none;}
.listenWrap{ padding-left: 26px; float: right; position: relative; margin-right: 55px;}
.likeWrap{ padding-left: 26px; float: right; position: relative;}
.icon{ display: block; position: absolute; width: 20px; height: 20px; top: 3px; left: 0;}
.num{ color: #666; font-size: 18px;}
.listenIcon{ background-position: -182px -130px;}
.likeIcon{ background-position: -182px -154px;}
.buttonItem{ margin-top: 20px;}
.buttonEle{ padding: 0 20px; border-left: 1px solid #fff; border-right: 1px solid #ddd; float: left; position: relative;width: 65px;}
.first_buttonEle{ border-left: none;}
.last_buttonEle{ border-right: none; display:none;}
.iconItem{ width: 40px; height: 40px; margin: 0 auto;}
.listWord{ margin-top: 10px; color: #666; font-size: 16px; text-align: center;}
.playIcon{ background-position: -80px -131px;}
.addIcon{ background-position: -80px -175px;}
.favIcon{ background-position: -80px -218px;}
.buttonEle a:hover .playIcon{ background-position: -137px -131px;}
.buttonEle a:hover .addIcon{ background-position: -137px -175px;}
.buttonEle a:hover .favIcon{ background-position: -137px -218px;}
.buttonEle a:hover .listWord{ color: #444;}
.sucIcon{ display: none; position: absolute; width: 21px; height: 18px; background-position: -182px -177px;}
.sucIcon_play{ right: 24px; top: -6px;}
.sucIcon_add{ right: 48px; top: -6px;}
.sucIcon_fav{ right: 32px; top: -6px;}
.tabPage{ position: absolute; right: 0; bottom: 12px;}
.tabPageBtn{ width: 47px; height: 25px; line-height: 26px; color: #fff; font-size: 12px; float: left; display: inline; cursor: pointer;}
.tabPageBtn a { color:#fff;}
.tabPage_prev{ margin-right: 20px; background-position: 0 -131px; padding-left: 22px;}
.tabPage_next{ background-position: 0 -160px; text-align: right; padding-right: 22px;}
/* inhert toplist_song css */
.listCon{ margin-top: 30px;}
.listCon .musicRow{ height: 54px; line-height: 54px; padding: 0 30px; overflow: hidden; clear: both; background: #fff;}
.listCon .highlight{ background: #f3f7ed;}
.musicRow li{ float: left; height: 54px; line-height: 54px; font-size: 16px; position: relative;}
.musicRow li.listNum{ width: 55px; font-size: 16px; color: #a6a6a6; font-family: Arial; font-weight: bold;}
.musicRow li.songName{ width: 360px; color: #333; font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musicRow li.songAuthor{ width: 250px; font-size: 14px;}
.musicRow li.songAuthor span{color: #666; width:74%; height:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position: relative;}
.musicRow li.songAuthor a.songHD{ display: block; height: 20px; width: 20px; background: url("../../images_1405/search/songHQ.png") no-repeat left center ; position: absolute; top: 17px; right: 40px; }
.musicRow li.songAuthor a.songMV { display: none; height: 20px; width: 20px;
background: url(../../images_1405/search/listsongSprites.png) no-repeat 0 -245px; position: absolute; top: 17px; right: 10px;
}
.musicRow li.songAuthor span a.songMV:hover { background:url(../../images_1405/search/MV-ICON.png) no-repeat center;}
.musicRow li.songBtn{width: 140px;}
.musicRow li.listNum span{position: absolute;top: 0;left: 0;width: 38px;height: 41px;display: block;}
.musicRow li.numIcon span{color: #ffffff;line-height: 35px;}
.musicRow li.num1 span{background-position: -115px -75px;}
.musicRow li.numSecond span{background-position: -163px -75px;}
.musicRow li.songBtn a{display: block;width: 20px;height: 20px;float: left;position: relative;margin: 0 7px;top: 18px;_margin: 0 3px;}
.musicRow li.songBtn a.listenBtn{background-position: 0 -74px;}
.musicRow li.songBtn a.addBtn{background-position: -29px -74px;}
.musicRow li.songBtn a.downBtn{background-position: -58px -74px;}
.musicRow li.songBtn a.shareBtn{background-position: -87px -74px;}
.musicRow li.songBtn a.listenBtn:hover{background-position: 0 -102px;}
.musicRow li.songBtn a.addBtn:hover{background-position: -29px -102px;}
.musicRow li.songBtn a.downBtn:hover{background-position: -58px -102px;}
.musicRow li.songBtn a.shareBtn:hover{background-position: -87px -102px;}
/* 相似歌单 */
.similar{ overflow: hidden; margin-top: 40px;}
.similar_top .aside_title{ float: left;}
.similar_more{ float: right;}
.similar_Item{ width: 930px;}
.similar_list{ float: left; display: inline; margin-right: 56px; width:130px;}
.similar_list dt img{ width: 130px; height: 130px; display: block;}
.similar_list dt a:hover img{ box-shadow: 0 0 4px #73ab19;}
.similar_list dd{ text-align: center; padding: 10px 0; display:block; width:130px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.similar_list dd a{ font-size: 12px;}
/*jiathisshare*/
.jiathis_style_32x32 { width:250px; height:32px; clear:both;}

@media screen and (max-width: 1190px){
	.mainBody{ width: 960px;}
	.playList_body{ width: 960px;}
	.playList_main{ width: 645px;}
	.playIntro p{ width: 100%;}
	.musicRow li.songName{ width: 220px;}
	.musicRow li.songAuthor{ width: 170px;}
	.musicRow li.songBtn{ width: 140px;}
	.similar_list{ margin-right: 41px;}
}