/* 
	* name : topList css
	* author : owys
 */
body{background: url(../../images_1405/body_bg.jpg);}
/* css sprite */
.ls_listIcon{ background: url(../../images_1405/com_sprite.png) no-repeat;}
/* aside topList */
.mainBody{ width: 1190px; margin: 0 auto; padding-top: 200px; font-family: "微软雅黑"; clear: both; overflow: auto;}
.topList_l{ width: 198px; margin-right: 30px; 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{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #f8f8f8; color: #ff6300; margin-bottom: 10px;}
.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/com_topList_listBg.jpg) no-repeat;}
.topSection_top{ background: none; padding-top: 0;}
.topSection h3{ color: #ff6300;}
.topSection .cur{background-color: #f0f0f0;}
.topSection h4 a{color: #555;}
.topSection h4 a:hover{color: #FF9801}

/* main topList */
.topList_r{ width: 959px; font-family: "微软雅黑"; overflow: hidden;}
.listSectionUL{margin-top: 15px;}
.listSection{ width: 1000px; margin-right: 34px; padding: 0 10px; background: #fcfcfc; float: left; display: inline; _overflow: hidden; }
.listSection li{ height: 40px; line-height: 40px; position: relative; font-size: 12px;width: 210px;margin-right: 34px;float: left;}
.listSection li span{width: 5px;height: 5px;font-size: 0;line-height: 0;background: #ccc;position: absolute;top: 18px;margin-right: 5px;}
.listSection li a{padding-left: 10px; white-space: nowrap; width: 200px; display: inline-block; text-overflow: ellipsis; overflow: hidden;}
.ls_listIcon{ display: block; width: 18px; height: 18px; position: absolute; cursor: pointer;}
.downloadIcon{ right: 24px; top: 8px; background-position: -158px -80px;}
.listenIcon{ right: 0; top: 8px; background-position: -158px -110px;}
.singerName{ color: #666;}
.singerName:hover{ color: #ff7e00}

/*add 20140520*/
.iconBtn .btns{ background-image:url(../../images_1405/com_sprite.png);}
.iconBtn { height:34px; margin-top:15px;}
.iconBtn .btns { width:105px; height:34px; background-position:-130px 0; line-height:34px; padding:0 15px;}
.iconBtn .btns a { padding:0 11px;_padding:0 10px; color:#7e7e7e; text-shadow:0 2px 1px rgba(255,255,255,1);font-size: 14px;}
.iconBtn .btns a.cur { color:#ff7e00;}

/* media */
@media screen and (max-width: 1210px) {
    html, body{ min-width: 960px;}
    .mainBody{ width: 960px;margin: 0 auto;}
    .topList_l{	margin-right: 30px;}
    .topList_r{ width: 730px;}
    .listSectionUL{  width: 730px; overflow: hidden;}
    .listSection{ margin-right: 44px;width: 750px;}
}


/* 大改需求样式 */

.midRight{margin-left:220px;_margin-left:217px;width:970px;font-family:"微软雅黑";overflow:hidden;}
.topList{height:40px;padding-bottom:3px;border-bottom:1px solid #dbdbdb}
.topList input{float:left;margin-top:8px;height:12px;width:12px;}
.topList span.qx{float:left;margin-left:10px;margin-right:10px;margin-top:6px;font-size:12px;color:#666666;cursor:pointer}
.topList a.obtn{float:left;height:27px;line-height:24px;_line-height:27px;width:101px;background:url("../../images_1405/dance/classify/rbg.png") no-repeat;}
.topList a.obtn:hover{background:url("../../images_1405/dance/classify/nrbg.png") no-repeat;}
a.obtn span.sj,a.gbtn span.sz,.rbtn{background:url("../../images_1405/com_sprite.png") no-repeat}
a.obtn span.sj{float:left;height:11px;width:8px;margin-top:8px;margin-left:10px;background-position:0 -217px;overflow:hidden}
a.obtn span.bf0{font-size:12px;color:#ffffff;margin-left:5px}
.topList a.gbtn{float:left;height:27px;line-height:24px;_line-height:27px;width:101px;margin-left:10px;background:url("../../images_1405/dance/classify/gbg.png") no-repeat;}
.topList a.gbtn:hover{background:url("../../images_1405/dance/classify/ngbg.png") no-repeat;}
a.gbtn span.sz{float:left;height:10px;width:10px;margin-top:8px;margin-left:8px;background-position:0 -240px;overflow:hidden}
a.gbtn span.bf1{font-size:12px;color:#666666;margin-left:5px}
span.all{font-size:12px;float:right;color:#666666;margin-top:15px}

.rbtn{float:right;_display:inline;height:34px;line-height:34px;width:136px;background-position:-129px 0;}
.rbtn span{font-size:14px;cursor:pointer}
.orange{color:#ff6300}
.grey0{color:#666666}

.songList{margin-top:20px;width:960px;padding-bottom:50px;}

.leftline,.rightline{position:absolute;width:1px;height:100%;background:url("../../images_1405/dance/classify/line.png") repeat-y;_height:700px}
.leftline{left:0;top:0}
.rightline{right:0;top:0}

.songList ul.sl0{position:relative;float:left;width:1020px;background-color:#fcfcfc;margin-right:39px;}
.songList ul.sl0 li{float:left;position:relative;width:213px;height:35px;line-height:35px;margin-right: 40px;}
.songList ul li a:hover{color:#ff7e00}
.songList ul.sl0 li input{position:absolute;height:12px;width:12px;left:8px;overflow:hidden;top:12px}


a.songN{position:absolute;left:30px;font-size:12px;color:#333333;height:100%;width:114px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a.icox,a.ico{background:url("../../images_1405/dance/classify/listsongSprites.png") no-repeat}
a.icox{position:absolute;right:36px;top:9px;height:18px;width:18px;background-position:-29px -74px;overflow:hidden}
a.icox:hover{height:20px;width:20px;background:url("../../images_1405/dance/classify/listsongSprites.png") no-repeat -29px -102px;overflow:hidden}
a.ico{position:absolute;right:11px;top:9px;height:18px;width:18px;background-position:0 -74px;overflow:hidden}
a.ico:hover{height:20px;width:20px;background:url("../../images_1405/dance/classify/listsongSprites.png") no-repeat 0 -102px;overflow:hidden}
.color{background-color:#f6f6f6}
.color1{background-color:#fff}
.songList ul.sl1{float:right}
.clear{clear:both}


/*杂项*/
.top4{margin-top:4px;}
.top6{margin-top:6px}
.top8{margin-top:8px}
.top16{margin-top:16px}
.top20{margin-top:20px}
.top24{margin-top:24px}
.top40{margin-top:40px}
.top42{margin-top:42px}
.top44{margin-top:44px}
.top20{margin-top:20px}
.bottom18{margin-bottom:18px}
.top180{margin-top:180px;overflow:hidden}
.top130{margin-top:130px;overflow:hidden}
.height5{height:5px}
.height10{height:10px}
.height12{height:12px;}
.height20{height:20px}
.height115{height:115px;}
.ieheight12{_height:12px; _overflow:hidden}
.ie7height70{*height:70px}
.ie7height55{*height:55px;_height:5px}
.iet7top80{*margin-top:80px}
.iet7top70{*margin-top:70px}
.width86{width:86px}
.width118{width:118px}
.width122{width:122px}
.width92{width:92px}
.left24{margin-left:24px}
.left32{margin-left:32px}
.sl1{float:right;}
.left53{margin-left:53px}
/*960width*/
@media screen and (max-width: 1210px){
.midContainer{position:relative;width:960px;margin:0 auto;overflow:hidden}/*change*/
.midRight{margin-left:220px;_margin-left:217px;width:740px;font-family:"微软雅黑";}
.songList ul.sl1{display:none}	
.songList ul.sl0{margin-right:50px}

.top4{margin-top:4px;}
.top6{margin-top:6px}
.top8{margin-top:8px}
.top16{margin-top:16px}
.top20{margin-top:20px}
.top24{margin-top:24px}
.top40{margin-top:40px}
.top42{margin-top:42px}
.top44{margin-top:44px}
.top20{margin-top:20px}
.bottom18{margin-bottom:18px}
.top180{margin-top:180px;overflow:hidden}
.top130{margin-top:130px;overflow:hidden}
.height5{height:5px}
.height10{height:10px}
.height12{height:12px;}
.height20{height:20px}
.height115{height:115px;}
.ieheight12{_height:12px; _overflow:hidden}
.ie7height70{*height:70px}
.ie7height55{*height:55px;_height:5px}
.iet7top80{*margin-top:80px}
.iet7top70{*margin-top:70px}
.width86{width:86px}
.width118{width:118px}
.width122{width:122px}
.width92{width:92px}
.left24{margin-left:24px}
.left32{margin-left:32px}
.sl1{float:right;}
.left53{margin-left:53px}
}