.boxl{width:860px; overflow:hidden; float:left; }
.liouk{width:258px; height:198px; border:1px solid #e6e6e6; background:#FFF; overflow:hidden; margin-left:20px; margin-bottom:20px;}
.slide{width:580px;height:200px;margin:0;overflow:hidden;position:relative;background-color:#000;z-index:10;}
.slide ul{height:200px;}
.slide ul li{width:580px;height:200px;float:left;}
.slide .num{overflow:hidden;zoom:1;position:absolute;right:20px;bottom:11px;z-index:10;}
.slide .num span{display:inline-block;width:12px;height:12px;background:url(../images/bg-slide.png) 0 -12px no-repeat;_background:url(../images/bg-slide.png) 0 -12px no-repeat;cursor:pointer;overflow:hidden;}
.slide .num span.on{background-position:0 0;}
.slide .skip{display:none;_display:block;width:23px;height:47px;background:url(../images/bg-slide.png) no-repeat;_background:url(../images/bg-slide.png) no-repeat;position:absolute;top:50%;margin-top:-24px;text-indent:-1000em;cursor:pointer;}
.slide .prev{background-position:0 -172px;left:10px;}
.slide .prev:hover{background-position:0 -219px;}
.slide .next{background-position:-23px -172px;right:10px;}
.slide .next:hover{background-position:-23px -219px;}
.slide:hover .prev,.slide:hover .next{display:block;}
.m_tit{position: relative;height: 41px;border-bottom: 2px solid #e6e6e6;}
.m_tit h2{position: relative;top: 2px;display: inline;float: left;height: 39px;padding-right: 12px;padding-left: 25px;margin-right: 3px;font-family: 'microSoft YaHei';font-size: 20px;font-weight: normal;line-height: 39px;color: #222;background: url('../images/index_icon.png') -14px 0 no-repeat;border-bottom: 2px solid #6ac95b;}

.m_tit .tit_info{position: absolute;right: 0;bottom: 9px;}
.m_tit .tit_info .more{font-family: 'microSoft YaHei';font-size: 12px;color: #ccc;}
.m_tit .tit_info .more span{font-family: '\5b8b\4f53';}
.m_tit .tit_info .more:hover{color: #31a150;}
.m_tit .play_btn{display: block;float: left;width: 26px;height: 26px;margin-top: 10px;overflow: hidden;text-indent: -9999px;background: url('../images/btns.png') -18px -495px no-repeat;}
.m_tit .play_btn:hover{background-position: -78px -495px;}

.slide .num{bottom:11px;}
.dlbox{float:left; width:405px; background:#fff; padding:5px; }
.dlbox .m_tit h2{padding-left: 30px; background-position: -18px -334px;border-bottom: 2px solid #e6e6e6; padding-right:0px; color:#242424} 
.dlbox .m_tit h2 span{ color: #ccc; margin-right:15px; cursor:pointer; padding-bottom: 6px;  position: relative; border-bottom: 2px solid #e6e6e6; }
.dlbox .m_tit h2 .curr{color:#242424;border-bottom: 2px solid #242424;}
.dlbox dt{height:40px; line-height:40px; overflow:hidden;}
.dlbox dt span{display:inline-block; float:left; font-size:24px; color:#333; height:26px; width:145px; border-bottom:2px solid #f0284d; padding-bottom:10px;}
.dlbox dt span.colr2{border-color:#ff7300;}
.dlbox dt span.colr4{border-color:#66cc00;}
.dlbox dt em{float:right; font-size:14px;border-bottom:2px solid #e6e6e6;height:26px;padding-bottom:10px; width:265px;}
.dlbox dt em a{float:right;padding-left:15px;}
.dlbox dd{margin-top:15px;}
.dlbox dd li{padding:10px; height:20px; line-height:20px; overflow:hidden; position:relative;}
.dlbox dd li i{display:block; width:25px; float:left; font-size:18px; color:#979797; text-align:center;}
.dlbox dd li.h35{height:35px; line-height:35px;}
.dlbox dd li.h35 img{float:left; margin-left:10px; width:35px; height:35px;}
.dlbox dd li.h35 p{float:left;width:207px;height:35px;line-height:16px;/* text-align:right; */margin-left:10px;}
.dlbox dd li.h35 p a{height:22px; width:100%; display:block;font-size:14px; color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dlbox dd li.h35 p a:hover{text-decoration:none; color:#28a913 }
.dlbox dd li.h35 p span a{width:auto; display:inline-block; font-size:12px; color:#666;}
.dlbox dd li.h35 em{float:left; width:88px;height:35px; line-height:22px; text-align:right; margin-left:10px;}
.dlbox dd li.h35 em a{height:22px; width:100%; display:block;font-size:16px; margin-bottom:2px; color:#333; width:18px; float:left;}
.dlbox dd li.h35 em .list-micon{display: inline-block;margin-top:2px; margin-left:6px;vertical-align: -20%;cursor: pointer;}
.dlbox dd li.h35 em .icon-play{width: 16px;height: 16px;background: url("../images/btns.png") no-repeat;background-position: -7px -284px;}
.dlbox dd li.h35 em .icon-add{width: 16px;height: 16px;background: url("../images/btns.png") no-repeat;background-position: -7px -264px;}
.dlbox dd li.h35 em .icon-play:hover{background: url("../images/btns.png") no-repeat;background-position: -23px -284px;}
.dlbox dd li.h35 em .icon-add:hover{background: url("../images/btns.png") no-repeat;background-position: -7px -248px;}
.dlbox dd li.h35 em .icon-collect{width: 16px;height: 16px;background: url("../images/btns.png") no-repeat;background-position: -55px -264px;}
.dlbox dd li.h35 em .icon-download{width: 16px;height: 16px;background: url("../images/btns.png") no-repeat;background-position: -23px -264px;}
.dlbox dd li p{float:left; width:245px; margin-left:10px;}

.dlpad{padding-right:20px;}
.dlbor{border-top:1px solid #eee; padding-top:19px;}
.dlborder{border-left:1px solid #eee; padding-left:19px;}
.bbox{width:850px; height:430px; overflow:hidden; margin-top:0px; padding:5px; background:#fff;  border-bottom:1px solid #ddd}
.bbox .m_tit {margin-bottom:10px; margin-top:20px;}
.bbox .m_tit h2{padding-left: 30px;  background-position: -18px -294px; border-color: #242424; color:#242424 } 

.bbox ul{width:950px; }
.bbox li{float:left; width:134px; height:180px; overflow:hidden; margin-right:45px; position:relative;}
.bbox li div{margin-bottom:8px;}
.bbox li a{display:block;}
.bbox li a.linkimg{width:134px; height:134px; margin-bottom:8px;}
.bbox li a.linkimg img{width:134px; height:134px;}
.bbox li span a{line-height:18px; display:block; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#2ebc6c;}
.bbox li p a{color:#666; line-height:18px; display:block; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbox li a.btnplay{width:30px; height:30px; display:block; position:absolute; right:5px; bottom:55px; background:url(../images/plbtn.png) no-repeat; text-indent:-9999px;}
.boxr{float:right;width:276px;padding-left:20px;padding-right:20px;background:#f9f9f9; padding-top:20px; border-bottom:1px solid #ddd}
.mod{width:276px; overflow:hidden;}
.mod .hd{line-height:22px;}
.mod .hd .title{float:left;margin-right:10px;font-size:18px;font-weight:500;*font-weight:bold;font-family:Microsoft YaHei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;color:#333333;}
.mod .hd .split{margin:0 5px;font-size:10px;color:#cccccc;width:1px;height:10px;overflow:hidden;}
.mod .hd .more{padding-top:2px}
.mod .hd .more a{color:#ccc;}
.mod-tags ul{width:291px;overflow:hidden;margin-right:-15px; height:140px;padding-top:10px; margin-bottom:20px;}
.mod-tags li{display:inline;float:left;margin:0 5px 5px 0;}
.mod-tags li a{display:inline;float:left;display:block;padding:0 10px;border:1px solid #e6e6e6;height:28px;line-height:28px;background:white;color:black;white-space:nowrap;text-decoration:none;}
.mod-tags li a:hover{color:black;margin:-5px;padding:5px 15px;background:#66cc00;color:white;border-color:#66cc00;text-decoration:none;}
.mod-user{display: inline;float: left;overflow: hidden;width: 315px;}
.mod-user li{display: inline;float: left;font: 12px "??i?";padding: 8px 24px 8px 0px;width: 78px;}
.mod-user li a{display: inline;float: left;margin: 0 1px 8px;}
.mod-user li a img{display: inline;float: left;}
.mod-user li .text{display: inline;float: left;overflow: hidden;width: 100%;}
.mod-user li .text a{display: inline;float: left;height: 14px;margin-bottom: 2px;overflow: hidden;padding: 0;text-align: center;width: 72px;word-break: keep-all;}
.mod-user li span{display: inline-block;overflow: hidden;padding-top: 4px;width: 100%;word-break:keep-all;text-align: center;}
.mod-user ul.gList{border-top:1px dashed #666; margin-top:11px; float: left; }
.mod-user .gList li{display: inline;float: left;padding: 6px 24px 11px 0px; white-space:nowrap;  margin:0px; overflow:hidden; width: 78px;}
.mod-user .gList li a{display: inline; margin:0px; padding:0px; text-align: center; overflow:hidden;width:78px}



.author{ background:#fff; padding:5px 5px 15px;width:1190px; overflow:hidden;}
.author .m_tit h2{padding-left: 30px;   background-position: -18px -215px; border-color: #242424; color:#242424} 
.author ul{ width:1250px; overflow:hidden; margin-top:20px;}
.author li{ width:274px; margin-right:28px; float:left }
.author .g-user img{ width:70px; height:70px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  overflow:hidden}
.author .photo-m { width:194px; height:70px; margin-left:10px; overflow:hidden;}
.author .photo-m .uname{ width:100px; overflow:hidden; font-size:16px; line-height:25px;}
.author .photo-m .ban{ height:20px; padding:2px 10px; line-height:20px; background:#66cc00; color:#fff;}
.author .photo-m p{padding-top:10px; }
.author .lazy-sep{border-bottom: 1px solid #ccc;height: 0px;font-size: 0px;margin: 27px 0 10px 0; }
.author .lazy-sep span {background: #fff;color: #999;font-size: 12px; margin-left: 93px;padding: 0 15px;position: relative;top: -10px; }
.author .lazy-res{ height:35px; line-height:35px; font-size:14px;}
.author .lazy-res .icon-play{width: 16px;height: 16px; margin-top:10px;background: url("../images/btns.png") no-repeat;background-position: -7px -284px;}
.author .lazy-res .nowrap{ width:240px; overflow:hidden; display:block;  white-space:nowrap; text-overflow:ellipsis;}
.bang{width:1191px; overflow:hidden; background:#fff; padding:5px 5px 15px 4px;}

.bang_box{display: inline;float: left;width: 279px;margin-left:0px; margin-right:25px;}
.bang_01 .m_tit h2{padding-left: 44px;color: #b38ad0;background-position: -6px -85px;border-color: #b38ad0;}
.bang_list{background: url(../images/bang_bg.png) 0 0 repeat; margin-top:0px;}
.bang_list li{position: relative;height: 61px;color: #444;}
.bang_list li b{display: inline-block;float: left;width: 48px;height: 100%;font-family: 'CenturyGothic';font-weight: 100; margin-top:15px; height:40px;color: #ccc;text-align: center; overflow:hidden;}
.bang_list li b img{ width:32px; height:32px;}
.bang_list li .num_02{filter: alpha(opacity=60);opacity: .6;}
.bang_list li .num_03{filter: alpha(opacity=40);opacity: .4;}
.bang_list li .song_name{display: inline-block;width: 174px;height: 24px;margin-top: 8px;overflow: hidden;font-family: 'microSoft YaHei';font-size: 14px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;}
.bang_list li .song_name a{color: #444;}
.bang_list li .singer_name{display: inline-block;width: 189px;font-family: 'microSoft YaHei';line-height: 18px;}
.bang_list li .singer_name a{color: #666;}
.bang_list li .play_btn{position: absolute;top: 17px;right: 17px;display: block;width: 26px;height: 26px;overflow: hidden;text-indent: -9999px;background: url('../images/btns.png') -18px -495px no-repeat;}
.bang_list li .play_btn:hover{background-position: -78px -495px;}
.bang_list li .song_name_hover{color: #28a913;}
.bang_list li.hover{background-color: transparent\9;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1);box-shadow: 0 0 8px rgba(0, 0, 0, .1);-webkit-transition: box-shadow .5s linear 0s;-moz-transition: box-shadow .5s linear 0s;transition: box-shadow .5s linear 0s;}
.bang_list li.hover .play_btn{background-position: -78px -495px;}
.bang_list li.hover .song_name{color: #28a913;}
.bang_list li.hover .song_name a{color: #28a913;}
.bang_list li.hover .singer_name{color: #222;}
.bang_list li.hover .singer_name a{color: #222;}
.bang_list li.hover b.num{color: #28a913;filter: alpha(opacity=100);opacity: 1;}
.bang_01 .bang_list .num{color: #b38ad0;}
.bang_02 .bang_list .num{color: #ff6a3c;}
.bang_03 .bang_list .num{color: #4d96fa;}
.bang_04 .bang_list .num{color: #6ac95b;}
.bang_01 .m_tit h2{padding-left: 44px;  color: #242424; background-position: -10px -370px; border-color: #242424;}
.bang_02 .m_tit h2{padding-left: 44px; font-weight: bold; color: #ff6a3c; background-position: -6px -45px; border-color: #ff6a3c;}
.bang_03 .m_tit h2{padding-left: 44px; font-weight: bold; color: #4d96fa; background-position: -6px -5px; border-color: #4d96fa;} 
.bang_04 .m_tit h2{padding-left: 44px;  color: #242424; background-position: -10px -370px; border-color: #242424;} 
.bang_04{margin-right:0px;}