/*author:zhangbin*/
/*css sprites*/
.playBtn a,.musicRow li.numIcon span,.musicRow li.songBtn a{background: url("../../images_1405/music/toplist/listsongSprites.png") no-repeat;}
/* aside*/
body{background: #FAFAFA;}
.mainBody{ width: 1190px; margin: 0 auto; padding-top: 200px; font-family: "微软雅黑"; clear: both; overflow: auto;}
.topList_l{ width: 198px; margin-right: 28px; border: 1px solid #e4e4e4; padding-top: 18px;}
.topList_l h2, .topSection h3 , .topSection h4{ height: 30px; line-height: 30px; position: relative; padding-left: 30px; font-size: 14px;}
.topList_l h2{ color: #ff6300; margin-bottom: 10px;}
.topList_l h2 a.hotlist_lnk { color:#555; font-size:14px;}
.topList_l .current{border-top: 1px solid #dddddd; border-bottom: 1px solid #ebebeb; background: #f0f0f0;height: 28px;line-height: 28px; }
.sec_dot{ width: 5px; height: 5px; font-size: 0; line-height: 0; background: #ff6300; position: absolute; left: 16px; top: 13px;}
.topSection{ padding: 20px 0 25px; background: url(../../images_1405/music/toplist/mus_topList_listBg.jpg) no-repeat;}
.topSection h3{ color: #ff6300;}
.topSection h4 a{ color: #555;}
.topSection h4 a:hover{color: #FF9801;}

/*main song list*/
.mt20{margin-top: 20px;}
.topList_r{ width: 960px; font-family: "微软雅黑"; overflow: hidden;color: #8B8B8B;margin-bottom: 20px;}
.bannerList{height: 80px;}
.bannerL{width: 390px;margin-right: 40px;height: 80px;position: relative;background: #C2D8B4; z-index:100;}
.weekMiddle{background: url("../../images_1405/music/toplist/songbannerBg.jpg") no-repeat ;width: 13px;height: 80px;float: left;}
.listWeek .weekL,.listWeek .weekR{float: left;font-family: "microsoft yahei";color: #ffffff;background: #C2D8B4;position: relative;z-index: 10;}
.listWeek .weekL{width: 70px;font-size: 18px;padding: 10px;border-right: 2px dotted #ffffff;height: 60px;}
.weekL li{text-align: center;position: relative;padding: 4px 14px 4px 4px;cursor: pointer;}
.weekL li span{position: absolute;right: 4px;bottom: 4px;_position:relative;_float:right;_margin-top:-19px;}
.weekL li.current,.weekR a.current{background: #B2CDA2;}
.weekR a{display: block;float: left;white-space: nowrap;text-align: left;position: relative;cursor: pointer;width: 60px;height: 32px;line-height: 32px;padding-left: 8px;}
.weekL a,.weekR a{color: #ffffff;}
.listWeek .weekR{width: 288px;font-size: 16px;padding: 8px 5px;}
.pb20{padding-bottom: 20px;}
.weekR .yearWeek{display: none;position: relative;}
.weekR .current{display: block;}
.yearWeek a{position: relative;}
.yearWeek a span{background: url("../../images_1405/music/toplist/moreSprites.png") no-repeat;display: block;position: absolute;right: 12px;bottom: 10px;_bottom:2px;width: 12px;height: 9px;}
.yearWeek a span.show{background-position: 0 0;}
.yearWeek a span.hide{background-position: -22px 0;}
/*.yearWeek a.more1{position: absolute; bottom: -10px;right: 14px;}*/
.bannerR{width: 530px;}
.bannerR img{width: 530px;height: 80px;}
.songList{font-size: 14px;position: relative;z-index: 1;}
.listTit{height: 27px;line-height: 27px;border-bottom: 1px solid #dddddd;padding-bottom: 10px;}
.listTit a{color: #8B8B8B;}
.listTit .chooseAll,.listTit .playBtn{float: left;display: inline;}
.CheckedAll{position: relative;top: 2px;}
.chooseAll span{padding-left: 8px;}
.listTag{width: 200px;right: -18px;position: relative;}
.listTag li{float: left;display: inline;position: relative;width: 50px;text-align: center;}
.listTag li.current a{color: #ff6300;}
.listTag span{float: left;display: inline;}
.listTag li span{position: absolute;right: 0;height: 12px;width: 1px;background-color: #c8c8c8;margin-top: 8px;_margin-top: 3px;_height: 6px;}
.playBtn{margin-left: 10px;}
.playBtn a{display: block;float: left;width: 91px;height: 27px;text-align: right;font-size: 12px;line-height: 27px;padding-right: 10px;margin-right: 10px;}
.playBtn a.playAll{background-position: 0 0;color: #ffffff;}
.playBtn a.addList{background-position: -111px 0;color: #8B8B8B;}
.playBtn a.playAll:hover{background-position: 0 -37px;}
.playBtn a.addList:hover{background-position: -111px -37px;}
.listCon{margin-bottom: 20px;}
.listCon .musicRow{width: 960px;height: 54px;line-height: 54px;}
.musicRow li{float: left;height: 54px;line-height: 54px;font-size: 14px;position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.musicRow li.checkBox{width: 50px;}
.musicRow li.checkBox .choose{position: relative;top: 1px;left: 18px;}
.musicRow li.listNum{width: 60px;text-align: center;position: relative;font-size: 18px;margin:  0 10px;}
.musicRow li.songName{width: 380px;}
.musicRow li.songAuthor{width: 280px;}
.musicRow li.songAuthor a{color: #666;}
.musicRow li.songAuthor a:hover{color: #FF9801;}
.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;}

/*css sprites*/

/*main musician list*/
.bannerL p.musicianIntro{text-align: center;color: #ffffff;font-size: 18px;line-height: 80px;}
.listText{left: -5px;position: relative;}
.listText li{float: left;display: inline;position: relative;width: 130px;text-align: center;}
.listText li.current a{color: #ff6300;}
.listText li span{position: absolute;right: 0;height: 12px;width: 1px;background-color: #c8c8c8;margin-top: 8px;_margin-top: 3px;_height: 6px;}
.listCon{width: 1000px;}
.listCon dl{width: 72px;float: left;margin-right: 39px;margin-bottom: 25px;height: 150px;overflow: hidden;}
.listCon dl dt{position: relative;}
.listCon dl dt a{display: block;width: 72px;height: 72px;}
.listCon dl dt a img { width:72px; height:72px;}
.listCon dl dt span{display: block;width: 72px;height: 18px;z-index: 1;text-align: center;line-height: 18px;font-size: 14px;}
.listCon dl dt span.musicianNum{background: url("../../images_1405/music/toplist/musician3.png") no-repeat;}
.listCon dl dt span.musicianNum1{background: url("../../images_1405/music/toplist/musician1.png") no-repeat;}
.listCon dl dt span.musicianNum2{background: url("../../images_1405/music/toplist/musician2.png") no-repeat;}
.listCon dl dt span.musicianNum1,.listCon dl dt span.musicianNum2{color: #ffffff;}
.listCon dl dd{text-align: center;line-height: 30px;width: 72px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listCon dl dd a{color: #666666;}
.listCon dl dd a:hover{color: #FF9801;}
/* song 960 width*/
@media screen and (max-width:1210px) {
    .mainBody{ width: 960px;}
    .topList_r{ width: 730px;}
    .musicRow li.songName{width: 300px;}
    .musicRow li.songAuthor{width: 150px;}
    .bannerR{width: 300px;_overflow:hidden;_width:330px;}
    /*.bannerR img{width: 300px;}*/
    .listCon{width: 800px;}
    .listCon dl{margin-right: 37px;}
    .bannerL { margin-right:10px;}
    .listCon .musicRow{ _width: 730px;}
}
/*1210 width*/
@media screen and (min-width:1210px) {
    .starCon dl dt img{width: 250px;height: 115px;}
}