@charset "gbk";@import url(html.css);
.x5_music{float:left;width:100%;margin-top:10px;}
.x5_music li{float:left;margin-right:20px;}
.x5_music li a{display:block;padding:0 10px;color:#666;font:14px/26px Arial,"Microsoft YaHei";}
.x5_music li a:hover,.x5_music li a.current{color:#fff;background:#4a97cd;}
.x5_left{float:left;width:720px;margin-top:10px;}
.x5_malbum{float:left;width:100%;}
.x5_malbum .title{float:left;width:700px;height:30px;margin-right:20px;}
.x5_malbum .title h1{float:left;font:bold 18px/30px Arial,"Microsoft Yahei";color:#333;}
.x5_malbum .title a{float:right;font:13px/30px Arial,"Microsoft Yahei";color:#888;}
.x5_malbum .title a:hover{color:#7ecafc;}
.x5_malbum .content{float:left;width:100%;margin-top:3px;}
.x5_malbum .content li{float:left;width:124px;margin-right:20px;}
.x5_malbum .content li a img{float:left;width:124px;height:104px;border:0;}
.x5_malbum .content li a.listen{float:right;width:34px;height:34px;background:url(../images/x5_body.png) no-repeat -114px -57px;margin:-40px 6px 0 0;opacity:0.7;filter:alpha(opacity=70)}
.x5_malbum .content li a.listen:hover{background:url(../images/x5_body.png) no-repeat -159px -57px;}
.x5_malbum .content li a h1{float:left;width:124px;height:24px;font:14px/24px Arial,"Microsoft YaHei";text-align:center;overflow:hidden;color:#666;}
.x5_good{float:left;width:340px;margin:10px 20px 0 0;}
.x5_good .title{float:left;width:100%;height:30px;}
.x5_good .title h1{float:left;font:bold 18px/30px Arial,"Microsoft Yahei";color:#333;}
.x5_good .title a.player{float:right;width:74px;height:22px;background:url(../images/x5_body.png) no-repeat -1px -56px;margin-top:5px;}
.x5_good .title a:hover.player{background:url(../images/x5_body.png) no-repeat -1px -80px;}
.x5_good .content{float:left;width:100%;}
.x5_good .content li{float:left;width:100%;height:28px;}
.x5_good .content li em{float:left;width:18px;heigth:18px;font:12px/18px Arial,"Microsoft Yahei";background:#666;color:#fff;margin:5px 5px 5px 0;text-align:center;}
.x5_good .content li em.lei_hover{background:#327dcb;}
.x5_good .content li a h1{float:left;width:200px;height:28px;font:14px/28px Arial,"Microsoft Yahei";color:#327dcb;overflow:hidden;}
.x5_good .content li a:hover h1{color:#666;}
.x5_good .content li a.singer{float:left;width:50px;height:28px;text-align:right;font:12px/28px Arial,"Microsoft Yahei";color:#888;overflow:hidden;margin:0 15px;}
.x5_good .content li a.listen{float:left;width:13px;height:13px;background:url(../images/x5_body.png) no-repeat -80px -70px;margin:8px 10px 0 0;}
.x5_good .content li a.listen:hover{background:url(../images/x5_body.png) no-repeat -80px -56px;}
.x5_good .content li a.fav{float:right;width:13px;height:13px;background:url(../images/x5_body.png) no-repeat -94px -70px;margin-top:8px;}
.x5_good .content li a.fav:hover{background:url(../images/x5_body.png) no-repeat -94px -56px;}

.x5_singer{float:left;width:280px;margin:15px 0 0 0;}
.x5_singer .title{float:left;width:274px;height:20px;border-left:6px solid #4a97cd;}
.x5_singer .title h1{float:left;height:20px;font:bold 18px/20px Arial,"Microsoft YaHei";color:#333;margin-left:5px;}
.x5_singer .title span{float:right;height:20px;font:12px/20px Arial,"Microsoft YaHei";}
.x5_singer .gg{float:left;width:100%;height:96px;}
.x5_singer .gg li{float:left;width:100%;height:20px;margin-top:8px;}
.x5_singer .gg li em{float:left;width:16px;heigth:16px;font:12px/16px Arial,"Microsoft Yahei";background:#48ABEC;color:#fff;margin:2px 5px 0 0;text-align:center;}
.x5_singer .gg li em.lei_hover{background:#d43023;}
.x5_singer .gg li a{float:left;width:259px;height:20px;font:13px/20px Arial,"Microsoft YaHei";overflow:hidden;}
.x5_singer .content{float:left;width:292px;margin:5px 0 0 -12px;}
.x5_singer .content li{float:left;width:61px;margin:3px 0 3px 12px;}
.x5_singer .content li a img{float:left;width:61px;height:61px;border:0;}
.x5_singer .content li a h1{float:left;width:61px;height:20px;font:13px/20px Arial,"Microsoft Yahei";color:#2E8CC9;text-align:center;overflow:hidden;}
.x5_singer .content li a:hover h1{color:#888;}
.x5_singer .content li a h2{float:left;width:61px;height:20px;font:13px/20px Arial,"Microsoft Yahei";color:#666;text-align:center;overflow:hidden;}
.x5_singer .content li a:hover h2{color:#4a97cd;}

.x5_video{float:left;width:100%;margin-top:10px;}
.x5_video .title{float:left;width:100%;height:30px;}
.x5_video .title h1{float:left;font:bold 18px/30px Arial,"Microsoft Yahei";color:#333;}
.x5_video .title a{float:right;font:13px/30px Arial,"Microsoft Yahei";color:#888;}
.x5_video .title a:hover{color:#7ecafc;}
.x5_video .video_list{float:left;width:1020px;margin-left:-20px;}
.x5_video .video_list li{float:left;width:184px;height:110px;margin:5px 0 5px 20px;}
.x5_video .video_list li a{position:relative;display:block;overflow:hidden;width:184px;height:110px;text-align:center}
.x5_video .video_list li img{width:184px;height:110px;}
.x5_video .video_list li span{position:absolute;left:0;display:inline-block;width:184px;height:22px;}
.x5_video .video_list li span.pic{top:0;z-index:1;display:none;height:110px;background:url(../images/play_bg3.png) -5px -40px;}
.x5_video .video_list li a:hover span.pic{display:inline-block}
.x5_video .video_list li span.bg{bottom:0;z-index:2;background:#000;opacity:0.7;filter:alpha(opacity=70)}
.x5_video .video_list li span.txt{bottom:0;z-index:3;color:#eee;line-height:22px}

.x5_play{float:left;width:100%;margin:10px 0;}
.x5_play .title{float:left;width:100%;height:30px;}
.x5_play .title h1{float:left;height:30px;font:bold 18px/30px Arial,"Microsoft Yahei";color:#333;}
.x5_play .title a{float:right;height:30px;font:13px/30px Arial,"Microsoft Yahei";color:#888;margin-right:5px;}
.x5_play .title a:hover{color:#7ecafc;}
.x5_play .content{float:left;width:1020px;margin-left:-20px;}
.x5_play .content li{float:left;width:320px;height:36px;margin-left:20px;}
.x5_play .content li a{background:url(../images/x5_body.png) no-repeat;}
.x5_play .content li i{float:left;height:24px;padding-top:6px;}
.x5_play .content li a h1{float:left;width:182px;height:30px;font:14px/30px Arial,"Microsoft Yahei";color:#327dcb;overflow:hidden;}
.x5_play .content li a:hover h1{color:#666;}
.x5_play .content li a.singer{float:left;width:50px;height:30px;background:none;text-align:right;font:12px/30px Arial,"Microsoft Yahei";color:#888;overflow:hidden;margin:0 15px;}
.x5_play .content li a.listen{float:left;width:13px;height:13px;background-position:-80px -70px;margin:8px 10px 0 0;}
.x5_play .content li a.listen:hover{background-position:-80px -56px;}
.x5_play .content li a.fav{float:right;width:13px;height:13px;background-position:-94px -70px;margin-top:8px;}
.x5_play .content li a.fav:hover{background-position:-94px -56px;}

.x5_listen{width:208px;height:25px;margin:0 auto;}
.x5_listen a{float:left;width:99px;height:25px;font:14px/25px Arial,"Microsoft Yahei";color:#fff;text-indent:25px;background:url(../images/pubs.gif) no-repeat;}
.x5_listen a:hover{color:#fff;}
.x5_listen a.select{background-position:0 -81px;margin-right:10px;}
.x5_listen a:hover.select{background-position:0 -185px;}
.x5_listen a.play{background-position:0 -107px;}
.x5_listen a:hover.play{background-position:0 -107px;}

.x5_news{float:left;width:100%;margin-top:10px;}
.x5_news .title{float:left;width:100%;height:30px;border-bottom:2px #dedede solid;}
.x5_news .title h1{float:left;font:bold 18px/30px Arial,"Microsoft Yahei";color:#2E8CC9;border-bottom:2px #2E8CC9 solid;padding:0 5px;}
.x5_news .title a{float:right;height:30px;font:13px/30px Arial,"Microsoft Yahei";color:#888;margin-right:5px;}
.x5_news .title a:hover{color:#7ecafc;}
.x5_news .content{float:left;width:1020px;margin-left:-20px;}
.x5_news .content li{float:left;width:490px;height:20px;margin:10px 0 0 20px;_border-bottom:#cdcdcd 1px dashed;}
.x5_news .content li a{float:left;width:360px;height:20px;font:14px/20px Arial,"Microsoft YaHei";color:#333;background:url(../images/text.png) no-repeat 2px 2px;overflow:hidden;text-indent:20px;}
.x5_news .content li a:hover{color:#4a97cd;}
.x5_news .content li span{float:right;color:#888;}

.x5_link{float:left;width:998px;background:#fff;border:1px solid #dedede;margin-top:15px;}
.x5_link .title{float:left;width:100%;height:36px;border-bottom:1px solid #dedede;color:#888;font:13px/36px Arial,"Microsoft Yahei";}
.x5_link .title h1{float:left;padding:0 10px;height:36px;color:#464646;font:bold 15px/36px Arial,"Microsoft Yahei";}
.x5_link .content{float:left;width:100%;margin:5px 0;}
.x5_link .content li{float:left;height:20px;font:13px/20px Arial,"Microsoft Yahei";color:#666;margin:5px 10px;}
