/* DJ97.COM Style , Design By iFiky , E-mail:780537@gmail.com , CreatDate: 2008.9.20 */
* { margin:0; padding:0; list-style: none;}
body { font:12px/150% Verdana,'宋体'; color:#555; text-align:center; background:#afdb7a;}
img { border:0;}

/* Normal Link */
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#2db900;}

/* Float */
.L { float:left;}
.R { float:Right;}

/* Text Style */
.tL{text-align:left;}
.tC{text-align:center;}
.bold{font-weight:bold;}
.f14{font-size:14px;}
.tC1{color:#0ea405;}
.tC2{color:#ffba02;}
.tC3{color:#fe6c00;}
.tF{ font-family:Verdana; color:#919191;}

.ico {border:0; background:url(images/play_ico.gif) no-repeat;}
/* Input Style */
input.key { padding:0 5px; border:1px solid #81cdf1; background:#f4fcfe; width:153px; height:21px; line-height:21px;}
.b_so { width:59px; height:23px; background-position:0 -26px;}
.b_all { width:38px; height:21px; background-position:0 -50px;}
.b_un { width:38px; height:21px; background-position:-40px -50px;}
.b_play { width:38px; height:21px; background-position:-80px -50px;}
.b_add { width:66px; height:21px; background-position:-81px -74px;}

/* Other Style */
.pointer {cursor:pointer;}

.write_bg { margin:0 auto; padding:5px 1px; width:974px; background:#FFF; border:1px solid #8abf4d; border-width:0 1px; }

.meun { margin:0 auto 5px auto; width:962px; height:35px; border:1px solid #4dbc08; background:url(images/play_bg.gif) repeat-x top;}
.meun a { display:block; float:left; margin-top:5px; padding:5px 7px 0 8px; height:20px; color:#fff; font-family:'宋体';}
.meun a.logo { margin:6px 5px 0 3px; padding:0; width:115px; height:24px; }
.meun a.logo:hover{background:url(images/play_ico.gif) no-repeat;}
.meun a:hover { color:#000; background:#fff;}

.a960 { clear:both; margin:0 auto 5px auto; padding:1px; width:960px; border:1px solid #aad49c;}
.left_right { padding:0 5px; width:304px; height:618px;}
.a300 { margin-bottom:5px; padding:1px; width:300px; height:300px; border:1px solid #aad49c;}
.topban { margin-bottom:5px; width:304px;}

.middle {width:344px; height:611px; border:1px solid #62bb45;}
.title { margin:1px; padding:4px 5px 0 5px; color:#fff; width:332px; height:22px; background:url(images/play_bg.gif) repeat-x 0 -37px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#good_bad { padding:6px 0 0 6px; width:338px; height:40px; border-top:1px solid #4adb1a; }
.gb_bg{ width:163px; height:40px;}
.good{ margin-right:6px; background-position:0 -98px; }
.bad { background-position:0 -180px; }
.gb_text { padding:6px 0 0 29px; width:99px; color:#222; }
.gb_rate_div { padding:1px 0 0 8px; width:121px; height:10px; font:9px/100% Verdana; }
.gb_rate { margin-top:1px; width:62px; height:6px; line-height:6px; border:1px solid #41a300; font-size:1px; }
.gb_rate_div .gray { border-color:#565455}
.gb_rate_bg { height:6px; line-height:6px; font-size:1px; background:url(images/play_bg.gif) repeat-x 0 -65px; }
.gb_rate_div .gray_bg{ background-position:0 -73px; }
.gb_rate_text{ padding-left:3px; }

.search { padding:6px 0 0 6px; height:25px; width:338px;}
.select{ width:100px; height:25px; text-align:left;}
.select_title{ padding:2px 0 0 5px; height:19px; border:1px solid #81cdf1; background-position:-64px -26px;}
.options{ position:absolute; z-index:999; width:98px; border:1px solid #81cdf1; border-width:0 1px 1px 1px;}
.options_out { padding-left:5px; line-height:20PX; width:93px; background-color:#FFF;}
.options_over{ padding-left:5px; line-height:20PX; background-color:#f4fcfe;}
.so_key { margin-top:-1px; height:23px; }

#dj97player {padding:0 5px 4px 5px; width:334px; height:66px;}
.downsms{ padding:0 0 4px 102px; width:242px; height:30px; border-bottom:1px solid #4adb1a; background-position:6px -262px}

.do { padding:0 0 0 6px; width:338px; height:65px;}
.do li { float:left; margin:6px 6px 0 0 ; width:86px; height:25px; border:1px solid #a5db8d; }
.do li.long{ width:142px; }
.do li.mr0{ margin:5px 0 0 0; }
.do a {display:block; float:left; padding:5px 0 0 28px; height:20px; width:58px; background:url(images/play_action.gif) no-repeat;}
.do a:hover { padding:5px 0 0 28px; text-decoration:underline; color:#2dbd01; background:#f4ffec url(images/play_action_hover.gif) no-repeat;}
.do a.view { padding:0; width:25px; height:25px; border-left:1px solid #bbe9a6; background-position:2px -100px; }
.do a.view:hover { padding:0; width:25px; height:25px; background-position:2px -100px;}
.do a.fav { width:88px; background-position:2px 0;}
.do a.fav:hover { background-position:2px 0;}
.do a.download { width:88px; background-position:2px -25px;}
.do a.download:hover { background-position:2px -25px;}
.do a.comment { background-position:2px -50px;}
.do a.comment:hover { background-position:2px -50px;}
.do a.feedback { background-position:2px -75px;}
.do a.feedback:hover { background-position:2px -75px;}
.do a.copy { background-position:2px -125px;}
.do a.copy:hover { background-position:2px -125px;}
.do a.sms { background-position:2px -150px;}
.do a.sms:hover { background-position:2px -150px;}

.pre_next { padding:2px 7px 0 7px; width:330px;}
.pre_next span { display:block; width:330px; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.list_title { margin:1px; padding:0 0 0 5px; color:#fff; width:337px; height:26px;  background:url(images/play_bg.gif) repeat-x 0 -37px; }
.list_title a { display:block; float:left; padding:5px 9px 0 9px; height:21px; color:#fff;}
.list_title a:hover { color:#333;}
.list_title a.this {position:relative; margin:2px 3px -2px 3px; padding:5px 0 0 0; height:21px; width:80px; background-position:0 -71px; color:#333;}

.play_list { border-top:1px solid #62bb45; width:344px; height:231px; overflow:auto; overflow-x: hidden; hiddenscrollbar-base-color:#ff66ff; scrollbar-face-color:#ebfdd4; scrollbar-arrow-color:#60bf07; scrollbar-track-color:#f5ffe9; scrollbar-3dlight-color:#c9f39e;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#d4f3b4; font-family:Verdana;}
.play_list li { margin:1px; padding:7px 6px 0 6px; height:22px; border-bottom:1px solid #e5f5d1; overflow:hidden; word-break:break-all;}
.play_list li.n { padding:4px 6px 0 6px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.play_list li.selected{ border-bottom:1px solid #fef1a2; background:#fffad2;}
.play_list li.over{ background:#f4ffec;}
.play_list li.out{ background:#fff;}

.play_list span{ float:right; margin-left:2px;}
.play_list span a { color:#f8942d; font-weight:bold;}
#control { padding:4px 6px 0 6px; text-align:left; width:332px; height:25px; border-top:1px solid #abe073; background:#dbf5be;}
#list_do { padding-top:1px; }

/*推荐舞曲*/
#tag {width:304px;}
#tag li {float:left; position:relative; margin:0 -1px -1px 0; padding-top:7px; width:73px; height:22px; color:#fff; background:url(images/bg_tag.gif) no-repeat 0 -34px; cursor:pointer;}
#tag li.this { padding-top:8px; height:21px; color:#3aa50a; background-position:0 0;}
.toplist {clear:both; padding:0 0 3px 0; width:302px; border:1px solid #68b74c; text-align:left;}
.toplist li { margin:0 auto; padding:6px 0 0 11px; width:281px; height:23px; border-bottom:1px solid #efefef; background:url(images/bg_tag.gif) no-repeat -73px -1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#frame_comment { clear:both; margin:0 auto 5px auto; width:962px; border:1px solid #91cf7c;}
.frame_title { width:962px; height:27px; line-height:27px; background:url(images/bg_comment_tle.gif) repeat-x;}

.info { margin:5px auto 0 auto; padding:3px 0 5px 0; width:962px; border:1px solid #91cf7c;}
.info p { margin:0 5px; padding:4px 0 0 8px; height:21px; border-bottom:1px dotted #c2c2c2;}

/*下载页面*/
.down { width:344px; border:1px solid #62bb45; border-width:1px 0;}
.d_listen {padding:4px 0 0 5px; width:339px; height:23px; background:#f0f9e4; border-top:1px solid #cbe4c0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.no_b{border-width:1px 0 0 0;}
.times { width:340px; height:55px; line-height:60px; }
.times span { padding:0 15px; font:36px georgia; }
.down p {padding:0 10px; line-height:28px; width:316px;}
.down p.line { margin-bottom:4px; padding-bottom:8px; border-bottom:1px dotted #c2c2c2}
.down p.bt{ padding-bottom:8px;}

#alert { display:block; padding-top:9px; width:250px; height:26px; font-weight:bold; font-size:14px; border:3px solid #f9d455; background:#fef8d9; }



.playerno{color:#666;text-align:center;font-size:14px;line-height:30px}
.playerno a{margin:0 2px;color:#09F}
.playerno a:hover{color:red}

.bf_l{float:left;overflow:hidden;}
.bf_c{float:left;width:346px;}
.bf_ck{height:70px;border-top:0}
.bf_ckt{overflow:hidden;height:70px;}
/**** JPlayer ****/
#playerdiv{height:70px;}
.jp_t1{padding-right:10px;height:30px;text-align:right;line-height:30px}
.jp_t1c{margin:0 3px}
.jp_t2,.jp-play-bar,.jp-seek-bar {width:100%;height:8px;line-height:8px;font-size:0;cursor:pointer;}
.jp_t2 {background:#ecedf0;}
.jp-seek-bar {width:3px;background:#e6e7e9;}
.jp-play-bar {width:3px;background:#6EC221;}
.jp_t3{position:relative;height:42px}
.jp_t31,.jp_t32 {position:absolute;top:13px;width:36px;height:36px;background:url(images/www-player.png);cursor:pointer;}
.jp_t31 {left:10px;background-position-y:-101px;}
.jp_t31:hover {left:10px;background-position-x:-36px;}
.jp_t32 {left:114px;background-position-y:-137px;}
.jp_t32:hover {left:114px;background-position-x:-35px;}
.jp-play,.jp-pause{position:absolute;top:7px;left:54px;width:51px;height:51px;background:url(images/www-player.png);cursor:pointer}
.jp-play{background-position-x:-51px;}
.jp-pause{background-position-y:-51px;}
.jp-mute{position:absolute;top:39px;right:95px;width:22px;height:17px;background:url(images/www-player.png) -97px -152px;cursor:pointer}
.jp-unmute{position:absolute;top:39px;right:95px;width:22px;height:17px;background:url(images/www-player.png) -75px -152px;cursor:pointer}
.jp-volume-bar{position:absolute;top:44px;right:16px;overflow:hidden;width:72px;height:4px;background:#e3e4e5;cursor:pointer}
.jp-volume-bar-value{overflow:hidden;height:4px;background:#00B7B7;}
/**** JPlayer End ****/