
/* 
@wrg 20140701105313 Creator 
*/
/* dj_page */
.dj_page .cont_l{width: 160px;float: left;margin-top: 8px;}
.dj_page .cont_l li{width: 140px;height: 50px;position: relative;overflow: hidden;}
.dj_page label{height: 19px;float: left;margin-top: 3px;cursor: pointer;}
.dj_page .cont_l li a{color:#464646;width: 130px;height: 30px;margin-top:10px;line-height:30px;text-align:center;display:block;position: relative;}
.dj_page .cont_l li a:hover{background: #c4e6f5;color:#fff;}
.dj_page .cont_l .first{border-bottom: 1px dashed #ccc;}
.dj_page .cont_l .hover a{background:#85d2f2;color:#fff;}
.dj_page .cont_l .hover a:hover{background: #85d2f2;}
.dj_page .cont_l .hover i{border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #85d2f2;border-width: 5px;left: 129px;top: 25px;margin-top: -5px;font-size: 0;line-height: 0;display: block;position: absolute;}
.dj_page .cont_r{width: 780px;border-left: 1px solid #dcdcdc;padding: 5px 0 0 15px;margin-top: 8px;float: left;}
.dj_page .cont_r h3{width: 760px;height: 40px;line-height: 40px;font-size: 16px;color:#464646;margin:-10px 0px 0px 10px;position: relative;}
.dj_page .cont_r h3 a{color:#45beee;height:20px;line-height:20px;font-size: 12px;font-weight:normal;position: absolute;top:10px;right: 4px;}
.dj_page .cont_r h3 a:hover{text-decoration: underline;}
.dj_page .cont_r .pic_list{width: 760px;margin-left: 10px; }
.dj_page .cont_r .pic_list li{width: 107px;height: 166px;margin-right:56px;float: left;position: relative;display: inline-block;*display: inline;*zoom: 1;overflow: hidden;}

.dj_page .cont_r .pic_list li .pic_link{width: 114px;height: 114px;padding:3px 0px 0px 3px;display: block;background: url(../images/dj_ico.png?201408070959) no-repeat 0px -144px;position: relative;}
.dj_page .cont_r .pic_list li .pic_link .layer{width: 100px;height: 100px;position: absolute;background: #000;opacity: 0.3;
filter: alpha(opacity=30);z-index: 99;overflow: hidden;cursor: pointer;left: 120px;top:120px;display: block;}
.dj_page .cont_r .pic_list li .pic_link .play{width: 33px;height: 34px;position: absolute;bottom: 120px;right:-120px;background: url(../images/play.png) no-repeat center top;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/images/play.png',sizingMethod='crop');z-index: 100;overflow: hidden;cursor: pointer;display: block;}
.dj_page .cont_r .pic_list li .pic_link:hover{background-position: -298px -148px;zoom: 1;}
.dj_page .cont_r .pic_list li .pic_link:hover .play{bottom: 13px;right: 15px;}
.dj_page .cont_r .pic_list li .pic_link:hover .layer{left: 3px;top: 3px;}
.dj_page .cont_r .pic_list li .pic_link .hover{background: url(../images/play_hover.png) no-repeat center top;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/images/play_hover.png',sizingMethod='crop');}

.dj_page .cont_r .pic_list li.r{margin-right: 0px;}
.dj_page .cont_r .pic_list .title{color:#666;width: 107px;height: 20px;line-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;*cursor:pointer;}
.dj_page .cont_r .pic_list .title:hover{color: #6FCEF4;}
.dj_page .cont_r .pic_list .time{color:#999;}
.dj_page .cont_r .song_list{width: 776px;margin:0 auto;padding-top: 20px; font-size: 0;}
.dj_page .cont_r .song_list .hr{width: 776px;margin: 0 auto;height: 10px; border-top: 1px solid #dcdcdc;}
.dj_page .cont_r .song_list h3{width: 367px;margin: 0;font-size: 16px;}
.dj_page .cont_r .song_list h3 a{right: 10px;}
.dj_page .cont_r .song_list .song_part{width: 367px;height: 410px;padding: 0 10px;border-right: 1px solid #dcdcdc;display: inline-block;*display:inline;*zoom:1;font-size: 12px;margin-bottom: 20px;overflow: hidden;vertical-align: top;}
.dj_page .cont_r .song_list .noborder{border: none;padding-right: 0px;width: 367px;margin-left: 10px;}
.dj_page .cont_r .song_list .song_part li{margin-bottom: 5px;width: 367px;height: 25px;overflow: hidden;}
.dj_page .cont_r .song_list .song_part li *{height: 19px;float: left;margin-top:3px;}
.dj_page .cont_r .song_list .song_part input{float:left;width: 13px;height: 15px;margin:5px;display: inline-block;*cursor: pointer;}
.dj_page .cont_r .song_list .song_part li .song_t{width:260px;margin-right: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dj_page .cont_r .song_list .song_part li .song_t a{margin: 0;float: none;line-height: 19px;}
.dj_page .cont_r .song_list .song_part li .song_t i{width: auto;cursor: pointer;font-style: normal;}
.dj_page .cont_r .song_list .song_part li .song_l{width: 19px;background: url(../images/dj_ico.png?201408070959) no-repeat -19px 0px;_margin-right:-3px;cursor:pointer;}
.dj_page .cont_r .song_list .song_part li .song_d{width:13px;background: url(../images/dj_ico.png?201408070959) no-repeat -38px 0px;margin-left: 8px;cursor:pointer;}
.dj_page .cont_r .song_list .song_part li:hover,.dj_page .cont_r .song_list .hover{background: #daf1fb;}
.dj_page .cont_r .song_list .song_part li:hover .song_l,.dj_page .cont_r .song_list .song_part .hover .song_l{background-position: -19px -19px;}
.dj_page .cont_r .song_list .song_part li:hover .song_d,.dj_page .cont_r .song_list .song_part .hover .song_d{background-position: -38px -19px;}
.dj_page .cont_r .song_list .song_part .check_bar{width: 377px;height: 50px;}
.dj_page .cont_r .song_list .song_part .checkall{width: 80px;height:20px;line-height:20px;display: inline-block;}
.dj_page .cont_r .song_list .song_part .change,.dj_page .cont_r .song_list .song_part .playall{height: 27px;line-height:27px;text-align:center;color:#fff;display: inline-block;
*display: inline;*zoom: 1;margin-top: -3px;}
.dj_page .cont_r .song_list .song_part .change{width: 68px;background: #fe8e00;margin-left: 82px;}
.dj_page .cont_r .song_list .song_part .change:hover{background: #ffc573;}
.dj_page .cont_r .song_list .song_part .playall{text-indent:10px;width:103px;margin-left:9px;background: url(../images/dj_ico.png?201408070959) no-repeat 0px -38px;}
.dj_page .cont_r .song_list .song_part .playall:hover{background-position: -103px -38px}
/* dj_list */
.dj_page .cont_list {float: left;border-left: 1px solid #dcdcdc;margin-top: 10px;padding: 0px 0 0 15px;}
.dj_page .cont_list h3{font-size: 16px;color:#666;margin-bottom: 20px;text-indent: 5px;}
.dj_page .cont_list h3 span{font-size:12px;color:#999;font-weight: normal;margin-left: 5px;}
.dj_page .cont_list input{width: 13px;height: 15px;margin:3px 5px 5px 5px;float: left;display: inline-block;*cursor: pointer;}
.dj_page .list_bar {height: 30px;margin-bottom: 10px;}
.dj_page .list_bar .check{width: 100px;height: 20px;line-height: 20px;margin-left: 5px;_display:inline;}
.dj_page .list_bar .randomcheck,.dj_page .list_bar .play{height: 27px;line-height:27px;text-align:center;color:#fff;display: inline-block;}
.dj_page .list_bar .randomcheck{width: 68px;background: #fe8e00;margin-left: 10px;}
.dj_page .list_bar .randomcheck:hover{background: #ffc573;}
.dj_page .list_bar .play{text-indent:15px;width:103px;background: url(../images/dj_ico.png?201408070959) no-repeat 0px -38px;margin-left: 550px;_margin-left: 543px;}
.dj_page .list_bar .play:hover{background-position: -103px -38px}
.dj_page .cont_list .songs li{margin-bottom: 8px;}
.dj_page .cont_list .songs li{height: 25px;}
.dj_page .cont_list .songs li *{float: left;height: 19px;margin-top: 3px;}
.dj_page .cont_list .songs li a i{margin-top:0;float: none;}
.dj_page .cont_list .songs .index{width: 15px;margin:3px 15px 5px 0px;}
.dj_page .cont_list .songs .text{width: 635px;_width: 630px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dj_page .cont_list .songs .text a{margin: 0;float: none;line-height: 19px;										}
.dj_page .cont_list .songs .text i{cursor: pointer;font-style: normal;}
.dj_page .cont_list .songs .listen{width: 19px;background: url(../images/dj_ico.png?201408070959) no-repeat -19px 0px;cursor: pointer;}
.dj_page .cont_list .songs .down{width:13px;background: url(../images/dj_ico.png?201408070959) no-repeat -38px 0px;margin-left: 22px;cursor: pointer;}
.dj_page .cont_list .songs .share{width:19px;background: url(../images/dj_ico.png?201408070959) no-repeat 0px 0px;margin-left: 22px;cursor: pointer;}
.dj_page .cont_list .songs li:hover,.dj_page .songs .hover{background: #daf1fb;}
.dj_page .cont_list .songs li:hover .listen,.dj_page .songs .hover .listen{background-position: -19px -19px;}
.dj_page .cont_list .songs li:hover .down,.dj_page .songs .hover .down{background-position: -38px -19px;}
.dj_page .cont_list .songs li:hover .share,.dj_page .songs .hover .share{background-position: 0px -19px;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -end-/

/*
@xwt 20140701105313 Creator
 */
.dj_songs_img,.dj_songs_btn a,.show_tip i,.topic_text_box i,.topic_face,.dj_similar li a.play_icon,.down_title a.close,a.down_app,a.install,a.copy_local{background: url(../images/dj_ico.png?201408070959?201406301101);}
.bread_crumbs{width: 960px; margin: 10px auto 25px; color: #3c3c3c; font-size: 12px; line-height: 2em}
.bread_crumbs span{color: #bfbbbb}
.bread_crumbs span.bread_songs{color: #616161}
.bread_crumbs a{color: #38b6e8; text-decoration: none;}
.dj_listen_container{margin:0 auto; width: 960px; overflow: hidden;  }
.dj_listen{width: 710px; padding: 0 30px 0 2px; border-right: 1px solid #d7d7d7; float: left;  }
.dj_songs_fn{border-bottom: 1px solid #d7d7d7; padding-bottom: 20px; margin-bottom: 20px;}
.dj_songs_img{width: 148px; height: 148px; background-position: -129px -144px; padding:3px 3px 12px 4px; float: left;}
.dj_songs_msg{float: left; width: 500px; padding-left: 40px; overflow: hidden;}
.dj_songs_msg .dj_songs_title{font-size: 16px; color: #666; width: 500px; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; line-height: 1.8em; display: block;}
.dj_songs_btn{margin: 10px 0}
.dj_songs_btn a{width:40px; height: 26px; background-position:0 -38px; display: inline-block; color: #fff; text-decoration: none; line-height: 26px; padding-left: 40px; font-size: 12px;}
.dj_songs_btn a.plays:hover{background-position: -103px -38px;}
.dj_songs_btn a.down{background-position: 0 -74px; }
.dj_songs_btn a.down:hover{background-position: -103px -74px;}
.dj_songs_btn a.share{background-position: 0 -108px;}
.dj_songs_btn a.share:hover{background-position: -103px -108px;}
.dj_songs_msg p{ color: #666; font-size: 14px; line-height: 1.8em;}
.dj_songs_msg .blue,.dj_songs_msg a.blue{color: #3bb8ea; text-decoration: none; margin-left: 5px;}
.dj_songs_msg .gray{color: #999; margin-left: 5px}
.lyrics_title{margin: 10px 0 10px 5px; color: #d7d7d7; zoom:1;}
.lyrics_title:after{clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
.lyrics_title strong{font-size: 14px; color: #666; float: left;}
.lyrics_title p{float: right; font-size: 12px;}
.lyrics_title a{text-decoration: none; color: #666; }
.lyrics_list{height: 320px; overflow: hidden; margin-left: 5px;}
.lyrics_list .shadow{height: 20px;position: absolute;bottom: 0px;left: 0px;background: url(../images/shadow.png) no-repeat center top;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../static/images/shadow.png',sizingMethod='crop');}
.lyrics_list li{height: 20px;line-height: 20px; color: #333; width: 690px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; }
.no_lyrics{padding: 15px 0 0 5px; color: #616161}
.show_tip{display: block; width: 42px; height: 20px; color: #3bb8ea; text-decoration: underline; cursor: pointer; margin: 10px 0 30px 5px; font-size: 12px;}
.show_tip strong{float: left;}
.show_tip i{width: 8px; height: 8px; background-position:-103px 0; display: inline-block; float: right; margin-top: 5px}
.hide_tip i{background-position: -103px -11px}
.dj_siderbar{width: 200px; float: left; margin-left: 15px;}
.dj_siderbar_title{font-size: 14px; color: #999; margin:15px 0; display: inline-block;}
.dj_similar li{ width: 190px; font-size: 14px; background: #fff; padding: 5px; zoom:1; height: 21px; overflow: hidden;}
.dj_similar li:after{clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
.dj_similar li.on{background: #daf1fb}
.dj_similar li a.goto_songs{width: 160px; display: inline-block; line-height: 1.5em; float: left; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; color: #666; font-size: 12px;}
.dj_similar li a.play_icon{background-position: -19px 0; width: 19px; height: 19px; float: right; display: inline-block;}
.dj_similar li.on a.play_icon{background-position: -19px -19px; }
.fl{float: left;}

/* topic_cmt
--------------------------------------------*/
/* 留言板 */
.f_r{float:right}
.topic_text_box{position: relative;width: 645px; float: left; margin-left: 10px; _margin-left:5px; }
.topic_text_box i{width: 7px; height: 11px; background-position: 0 -308px; position: absolute; top: 15px; left: -5px; _left:0;}
.topic_text_tip{width: 648px; height: 68px; position: absolute; top: 0; left: 0; z-index: 99; background-color:#fff; filter:alpha(opacity=0); opacity: 0; }
.message_cont{border:1px solid #ccc;padding: 5px; height:54px;background-color:#fff;overflow:auto;*float: right;_float:none;color:#999;font:12px/1.5 Arial,\5b8b\4f53, Verdana; width: 638px; border-radius: 3px; resize:vertical;outline:none}
.topic_cmt{font-size:12px;color:#666;}
.topic_cmt h4{font-weight:normal; padding-bottom:5px;border-bottom:1px solid #ccc; margin: 50px 0 30px;}
.cmt_title{font-size: 24px; margin-right: 15px;}
.topic_cmt .topic_foot{padding-bottom:0; border:0 none;position: relative; margin:15px 0 15px 62px; line-height: 26px}
.topic_cmt .pic{float: left;}
.topic_cmt .pic img{width: 50px;height: 50px;}
.topic_cmt .topic_cmt_validate{display: inline-block;*display: inline;*zoom: 1;height: 20px;line-height: 20px;vertical-align: middle;float: right;margin-right: 10px;}
.topic_cmt .topic_cmt_validate input{width: 50px;outline: none;border: 1px solid #ccc;}
.topic_cmt .topic_cmt_validate img{vertical-align: top;}
.send_msg{width: 80px; height: 26px; background: #7cdbff; display: inline-block; color: #fff; line-height: 26px; text-decoration: none; text-align: center;}
a.send_msg:hover{background-color: #3bb9ec;}
.msg_num{float: right; margin:0 5px;}
.msg_num span{font-weight: bold; font-size: 14px; padding: 0 3px}
.msg_num span.red{color: red;}
.topic_face{background-position: -19px -308px;width: 18px;height: 18px;float: left;cursor: pointer; text-indent: -9999px; display: block; overflow: hidden;}
.leave_list{clear: both; margin: 10px 0;}
.leave_list li{border-top:1px dotted #ccc; padding: 10px 0; margin-bottom: 10px; zoom:1;}
.leave_list li:after{clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
.user_img{width: 50px; height: 50px; overflow: hidden; display: block; float: left; margin-right: 10px;}
.user_info,.message_text{float: left;width: 650px;word-wrap: break-word; break-word: break-all;}
.leave_list .user_name{color: #0c73c2; float: left;}
.leave_list .replay{color: #666;}
.user_info{margin-bottom: 10px;}
.loading_img{margin: 80px auto; display: block;}

/*分享*/
.dj_song #share_box{ width:131px; padding-left:9px; height:28px; border:1px solid #d8d8d8; background:#f8f8f8; position:absolute; display:none}
.dj_song #share_box .close{ cursor:pointer; width:14px; height:27px; background:#f8f8f8 url(../images/other.png?201406271511) -138px -112px no-repeat; position:absolute; right:5px}
.dj_song #share_box i{background:#f8f8f8 url(../images/other.png?201406271511) -400px -127px no-repeat; _background-position:-400px -127px; line-height:0; font-size:0; width:14px; height:6px; position:absolute; left:4px; top:-6px}
/*弹窗*/
.down_box{ width:485px; height: 285px; z-index: 9999; background: #fff;position: absolute; display: none; box-shadow: 0 0 20px #999;font-family: \5FAE\8F6F\96C5\9ED1;}
.close{float: right;width: 10px; height: 10px; border:1px; display: block; cursor:pointer;}
.down_title{height: 28px; line-height: 28px; background: #39b7e9; padding: 10px 15px;}
.down_title .down_tip{float: left; font-size: 16px; font-weight: bold; color: #fff;}
.down_title a.close{width: 22px; height: 22px; background-position: -126px 0; float: right; display: block; text-indent: -99999px; overflow: hidden;}
.down_title a.close:hover{background-position: -149px 0; }
.down_ct{text-align: center; margin:20px auto}
.down_ct_tip{padding-top: 30px;}
.down_ct_tip2,.down_ct_tip{font-size: 18px; color: #737373}
.down_ct_tip2{text-align: left; padding-left: 20px;}
a.down_app,a.install,a.copy_local{width: 117px; height: 37px; display: inline-block; background-position: -215px -38px;  line-height: 37px; font-size: 16px; color: #fff; margin: 45px 15px 0 10px; margin-right: 90px\9}
a.install{ margin: 45px 0; background-position: -340px 0; color: #666}
a.copy_local{ margin: 0 auto; display: block;}
a.down_app:hover,a.copy_local:hover{ background-position: -215px 0;}
a.install:hover{background-position: -340px -38px;}
.copy_box{margin: 15px 20px}
.copy_box span{float: left; line-height: 35px; font-size: 16px; color: #ccc; padding-left: 10px;}
.local_url{width: 445px; height: 95px; border: 1px solid #ccc; border-radius: 3px; display: block; margin: 10px auto 0; color: #ccc; padding: 3px;}

/* 友情链接 */
.DJ_links{color: #7c7c7c;font-size: 13px;width: 960px;margin:50px auto 0 auto;}
.DJ_links .link_t{float: left;padding-left: 19px;}
.DJ_links .link_p{margin: 0 0 20px 80px;}
.DJ_links .link_p a{color: #7c7c7c;text-decoration: none;margin-right: 15px;display: inline-block;*display: inline;*zoom: 1;}
.DJ_links .link_p a:hover{text-decoration: underline;}

/* 2014年11月12日 15:55:22 增加推荐MV; */
.dj_mv{ position:relative;width:779px;overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
.dj_mv .head strong{ position:relative}
.dj_mv li{ width:174px; float:left; margin:5px 27px 0px 0px; position:relative;}
.dj_mv li.last{margin-right: 0px;}
.dj_mv .pic{ display:block; height:105px; background:url(../images/other.png?20141112035746) no-repeat -189px -629px; padding:5px 0 0 2px; width:170px;}
.dj_mv .pic i,.sng_ins_1 .sng_mv .pic i{ position:absolute; width:33px; height:34px; background:url(../images/play.png?20141112035746) no-repeat; right:12px; top:65px;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/yy/static/images/play.png?20141112035746', sizingMethod='crop'); cursor:pointer; z-index:3}
.dj_mv .pic b{ position:absolute; background:#000; left:3px; filter:Alpha(Opacity=0); Opacity:0; display:none; top:5px; height:94px; width:168px; left:2px}
.dj_mv .pic:hover b{filter:Alpha(Opacity=40); Opacity:0.4; display:block;}
.dj_mv .pic:hover{background-position:-3px -630px; }
.dj_mv .pic:hover i{ background:url(../images/play_hover.png?20141112035746) no-repeat;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/yy/static/images/play_hover.png?20141112035746', sizingMethod='crop');}
.dj_mv li span{ display:block; padding:5px 0 0 5px; width:160px; height:18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis }
.dj_mv li a:hover{ text-decoration:underline;}
.dj_mv li .mv_desc{color:#999;}
