@charset "gbk";@import url(html.css);
.x5_left{float:left;width:660px;}
.x5_cmp{float:left;width:100%;margin-top:10px;}
.x5_cmp img{float:left;width:200px;height:200px;border:0;}
.x5_cmp .cmp_play{float:left;width:460px;height:200px;}
.x5_lb{float:left;width:100%;height:420px;}

.x5_dc{float:left;margin-top:10px;}
.x5_dc a{float:left;width:124px;height:40px;background:url(../images/x5_dc.png) no-repeat;margin-right:10px;}
.x5_dc a.ding{background-position:-5px -5px;}
.x5_dc a:hover.ding{background-position:-5px -55px;}
.x5_dc a.cai{background-position:-139px -5px;}
.x5_dc a:hover.cai{background-position:-139px -55px;}
.x5_dc a h1{float:left;width:100%;height:16px;font:bold 14px/16px Arial,"Microsoft YaHei";color:#333;text-indent:28px;margin-top:8px;}
.x5_dc a span{float:left;width:70px;height:16px;font:12px/16px Arial,"Microsoft YaHei";color:#888;text-align:center;margin:0 42px 0 12px;}

.x5_video{float:left;width:50px;height:50px;border:1px #ccc solid;margin:15px 15px 0 0;}
.x5_video a{float:left;width:30px;height:30px;background:url(../images/fns.png) no-repeat;margin:3px 10px;}
.x5_video a span{float:left;width:50px;height:22px;font:13px/22px Arial,"Microsoft YaHei";color:#666;text-align:center;margin:26px -10px 0 -10px;}
.x5_video a.ding{background-position:0 0;}
.x5_video a:hover.ding{background-position:-30px 0;}
.x5_video a.cai{background-position:0 -30px;}
.x5_video a:hover.cai{background-position:-30px -30px;}
.x5_video a.fav{background-position:0 -60px;}
.x5_video a:hover.fav{background-position:-30px -60px;}
.x5_video a.down{background-position:0 -90px;}
.x5_video a:hover.down{background-position:-30px -90px;}
.x5_video a.play{background-position:0 -120px;}
.x5_video a:hover.play{background-position:-30px -120px;}
.video_share{float:right;margin-top:15px;}
.x5_share{float:right;margin-top:8px;}
.x5_info{float:left;width:100%;margin-top:8px;}
.x5_info h1{float:left;width:100%;height:30px;font:bold 15px/30px Arial,"Microsoft YaHei";color:#1f7ecc;overflow: hidden;}
.x5_info p{float:left;width:100%;color:#666;font:13px/22px Arial,"Microsoft YaHei";text-indent:24px;}
.x5_info span{float:left;height:24px;font:12px/24px Arial,"Microsoft YaHei";color:#888;background:url(../images/x5_body.png) no-repeat -186px -151px;text-indent:18px;}
.x5_info strong{float:right;height:24px;font:12px/24px Arial,"Microsoft YaHei";color:#888;background:url(../images/play.gif) no-repeat 0 3px;text-indent:18px;}

.x5_tag{float:left;width:100%;}
.x5_tag a{float:left;height:24px;margin:10px 10px 0 0;padding:0 10px;font:12px/24px Arial,"Microsoft YaHei";color:#fff;background:#1f7ecc;}
.x5_tag a:hover{color:#666;background:#ccc;}

.x5_sx{float:left;width:100%;margin-top:5px;}
.x5_sx li{float:left;width:100%;height:20px;font:13px/20px Arial,"Microsoft YaHei";color:#888;margin-top:5px;}
.x5_sx li a{color:#888;}
.x5_sx li a:hover{color:#1f7ecc;}

.x5_right{float:right;width:325px;margin-top:15px;}
.x5_user{float:left;width:313px;border:1px #dedede solid;padding:0 5px;}
.x5_user .title{float:left;width:100%;height:36px;font:bold 18px/36px Arial,"Microsoft YaHei";color:#1f7ecc;}
.x5_user img{float:left;width:100px;height:100px;border:0;}
.x5_user .user_right{float:left;width:203px;margin-left:10px;}
.x5_user .user_right h1{float:left;width:100%;height:20px;font:bold 15px/20px Arial,"Microsoft YaHei";color:red;}
.x5_user .user_right p{float:left;width:100%;height:20px;font:12px/20px Arial,"Microsoft YaHei";color:#666;}

.down_fav{float:left;width:100%;margin-top:10px;border-top:1px #dedede dashed;}
.down_fav li{float:left;width:134px;height:30px;margin:10px;}
.down_fav li a{float:left;width:134px;height:30px;border:1px #dedede solid;color:#666;}
.down_fav li a:hover{border:1px #46a5e4 solid;color:#333;}
.down_fav li a.down{background:url(../images/down_01.png) no-repeat 4px 5px;}
.down_fav li a:hover.down{background:url(../images/down_02.png) no-repeat 4px 4px;}
.down_fav li a.fav{background:url(../images/fav_01.png) no-repeat 4px 4px;}
.down_fav li a:hover.fav{background:url(../images/fav_02.png) no-repeat 4px 3px;}
.down_fav li a h1{float:left;font:bold 14px/30px Arial,"Microsoft YaHei";margin:0 5px 0 32px;}
.down_fav li a span{float:left;font:12px/30px Arial,"Microsoft YaHei";}

.x5_good{float:left;width:325px;margin-top:10px;}
.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{float:right;font:13px/24px Arial,"Microsoft Yahei";color:#888;margin-top:5px;}
.x5_good .title a:hover{color:#666;}
.x5_good .content{float:left;width:100%;}
.x5_good .content li{float:left;width:100%;height:28px;_border-bottom:1px #ccc dashed;}
.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:185px;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;}

.video_play{float:left;width:710px;height:500px;background:#000;margin-top:10px;}
.play_xg{float:left;width:290px;height:500px;background:#000;margin-top:10px;}
.play_xg .title{float:left;width:100%;height:36px;}
.play_xg .title h1{float:left;height:36px;font:bold 14px/36px Arial,"Microsoft YaHei";color:#fff;background:#222;padding:0 15px;}
.play_xg .content{float:left;width:100%;height:454px;background:#222;overflow-x:hidden;overflow-y:auto;padding:5px 0;}
.play_xg .content li a{float:left;width:270px;height:70px;margin:5px 10px;background:#111;}
.play_xg .content li a:hover,.play_xg .content li a.current{background:#333;}
.play_xg .content li img{float:left;width:80px;height:60px;margin:5px;border:0;}
.play_xg .content li .play_right{float:left;width:175px;height:60px;margin:5px 5px 5px 0;}
.play_xg .content li .play_right h1{float:left;width:100%;height:20px;font:14px/20px Arial,"Microsoft YaHei";color:#aaa;overflow:hidden;}
.play_xg .content li .play_right span{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -100px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}
.play_xg .content li .play_right strong{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -127px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}

.video_left{float:left;width:690px;}
.video_list{float:left;width:700px;margin-left:-10px;}
.video_list li{float:left;width:130px;margin:5px 0 0 10px;}
.video_list li img{float:left;width:130px;height:80px;border:0;}
.video_list 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)}
.video_list li a.listen:hover{background:url(../images/x5_body.png) no-repeat -159px -57px;}
.video_list li a h1{float:left;width:100%;height:20px;font:14px/20px Arial,"Microsoft YaHei";color:#666;overflow:hidden;}
.video_list li a:hover h1{color:#1f7ecc;}
.video_list li a.singer{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -100px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}
.video_list li span{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -127px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}

.video_right{float:right;width:300px;}
.video_hot{float:right;width:300px;margin-top:10px;}
.video_hot .title{float:left;width:100%;height:22px;font:bold 18px/22px Arial,"Microsoft YaHei";color:#000;}
.video_hot .content{float:left;width:100%;}
.video_hot .content li{float:left;width:100%;height:60px;margin:5px 0 5px 5px;}
.video_hot .content li img{float:left;width:90px;height:60px;border:0;}
.video_hot .content li em{float:left;width:20px;height:16px;background:#1f7ecc;font:bold 12px/16px Arial,"Microsoft YaHei";text-align:center;color:#fff;margin-left:-90px;}
.video_hot .content li em.lei_hover{background:#d21313;}
.video_hot .content li .right{float:left;width:200px;height:40px;color:#888;margin-left:5px;}
.video_hot .content li .right a h1{float:left;width:100%;height:20px;font:14px/20px Arial,"Microsoft YaHei";color:#666;overflow:hidden;}
.video_hot .content li .right a:hover h1{color:#1f7ecc;}
.video_hot .content li .right a.singer{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -100px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}
.video_hot .content li .right span{float:left;width:100%;heigth:20px;background:url(../images/x5_body.png) no-repeat -186px -127px;font:12px/20px Arial,"Microsoft YaHei";text-indent:18px;color:#888;}
