/* CSS Document */
@charset "utf-8";
body{margin:0;padding:0;margin:0 auto; color:#575757;background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
p,ul{margin:0;padding:0; list-style:none;}
ul li{margin:0px;padding:0px;}
a:visited{text-decoration:none;color:brown;}
a:hover{ text-decoration:none;color:#FF0033;}
a img,a{border:none;text-decoration:none;color:#000;}
img{border:none;}
h1{list-style:none; font-size:12px;margin:0;padding:0;font-weight:normal;}

#container{width:950px;margin:0 auto;}
#header{width:950px;height:113px;overflow:hidden;}
#logo{float:left;width:231px;height:97px;padding-top:16px;background:url(/images/inc/bg_logo.jpg) no-repeat;}
#logo a{width:207px;height:116px;padding-left:27px;}
#logo a img{width:207px;height:116px;}
#header .right{float:right;width:719px;height:98px;padding-top:15px;background:url(/images/inc/bg_headright.jpg) no-repeat;}

#login_index{float:right;margin-top:-15px;padding-right:20px;}
#login_index a{padding:0 10px;}
#login  a.cur{border-right:1px solid #000;}

#nav{float:left;height:24px;line-height:24px;display:block;}
#nav ul{padding-left:59px;}
#nav ul li{float:left;width:119px;text-align:center;font-size:14px;margin:0 1px;}
#nav ul li a{color: #fff;}
#nav ul li a.cur{font-weight:bold;color:#FF3399;}
#nav ul li a:hover{color:#FF3399;font-weight:bold;}
#search{float:left;width:240px;height:26px;background:url(/images/inc/bg_search.jpg) no-repeat;margin-left:-20px;margin-top:12px;}
#search_sort{float:left;width:59px;margin-top:2px;margin-left:15px;}
#search_text{float:left;width:124px;height:15px;margin-top:2px;}
#search_go{float:left;width:26px;height:26px;cursor:pointer;background:url(/images/inc/bg_search_go.jpg) no-repeat;border:none;}

#content{width:950px;clear:both;margin:0 auto;}

#indexsider{float:left;width:231px;background:url(/images/inc/bg_sider.gif) repeat-y;}
#video{width:218px;height:54px;padding-left:13px;padding-top:25px;background:url(/images/inc/bg_sidertop.gif) no-repeat;}
#video a{width:59px;height:40px;}
#sider{width:231px;background:url(/images/inc/bg_sider.gif) repeat-y;}
#sider .vid{width:172px;height:137px;padding-left:13px;}
#sider .vid img{width:185px;height:137px;}
#sider .today{width:151px;height:27px;float:right;padding-top:10px;padding-bottom:5px;padding-right:22px;}
/*#sider .today{height:50px;width:231px;}
#sider .today a{width:151px;height:27px;float:right;padding-right:22px;display:block;}*/
#sider .today img{width:151px;height:27px;}
#sider .todaybox{;width:222px;height:145px;padding-left:9px;background:url(/images/inc/today_box.jpg) no-repeat;clear:both;}
.todaybox ul{width:200px;height:133px;display:block;}
.todaybox ul li{padding:0 10px;height:22px;line-height:22px;}
.todaybox ul li a.left{float:left;height:22px;line-height:22px;}
.todaybox ul li a.right{float:right;cursor:pointer;margin-top:5px;}


#sider .hottit{float:left;width:135px;height:27px;padding-top:10px;padding-left:10px;display:block;}
#sider .hottit img{width:185px;height:27px;}
.hotbox {width:231px;height:355px;padding-top:8px;}
.hotbox .item{width:200px;height:86px;padding:10px 7px;margin-left:2px;display: block;overflow:hidden;}
.hotbox .curItem{border:2px solid #B083B8;width:200px;height:82px;padding:10px 7px;margin-left:1px;display:block;}
.hotbox .item .pic,.hotbox .curItem .pic{float:left;width:84px;height:82px;padding-top:2px;border:1px solid #C2C5C6;background:#ECEFF0;}
.hotbox .item .pic a,.hotbox .curItem .pic a{width:80px;height:80px;margin-left:2px;}
.hotbox .item .pic a img,.hotbox .curItem .pic a img{width:80px;height:80px;}
.hotbox .item .star,.hotbox .curItem .star{float:right;width:90px;line-height:25px;height:25px;}
.hotbox .item .star a,.hotbox .curItem .star a{color:#3665AF;text-decoration:underline;}
.hotbox .item .name, .hotbox .curItem .name{float:right;line-height:20px;}
.hotbox .item .all, .hotbox .curItem .all{float:right;width:100px;height:19px;line-height:19px;text-align:center;background:url(/images/inc/hotbox_all.gif) no-repeat; }
.hotbox .item.all span,.hotbox .curItem.all span{color: #D40A7E;}
#sider .bot{width:200px;padding-left:31px;height:300px;margin-bottom:5px;}
#sider .bot a{width:160px;height:294px;}
#sider .bot a img{width:160px;height:294px;}

#indexmain { float: right; width: 719px;}
#indexmain .top {width:703px;height:238px;padding-left:7px;padding-right:9px;background:url(/images/inc/bg_maintop.gif) repeat-x;}
#intro{float:left;width:513px;height:210px;margin-top:20px;/*background:url(/images/inc/bg_intro.gif) no-repeat;*/}
#login{float:right;width:184px;height:231px;background:url(/images/inc/bg_login.gif) no-repeat;margin-top:2px;}
#login h1{line:27px;line-height:27px;color:#fff;text-align:center;font-size:14px;}
#login_table{width:170px;margin-left:4px;color:#000;background:url(/images/inc/login.gif) no-repeat;margin-top:9px;}


#sear{width: 704px; height: 306px;padding-bottom:5px;margin:0 auto;border:1px solid #D9D9D9;border-bottom:none;}
#sear .item{float:left;width:350px;padding-left:1px;display: block;overflow:hidden;}
#sear .item .head {width:350px; height: 29px;display: block;}
#sear .item ul { width: 330px;margin:0 8px;overflow:hidden;}
#sear .item ul h1 {font-weight:normal;width:330px;}
#sear .item ul h1 span {float:left;text-align:center;line-height:23px;height:23px;}
#sear .item ul h1 span.music { text-align: left; width:102px; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sear .item ul h1 span.use { width: 40px; }
#sear .item ul h1 span.name { width: 70px;}
#sear .item ul h1 span.try { width: 40px; }
#sear .item ul h1 span.ding { width: 40px; }
#sear .item ul li {height:23px!important;*height:20px!important;*height:20px;border-bottom: 1px dashed #C7C7C7;line-height:20px;clear: both;}
#sear .item ul li span { float: left; text-align: center;height:20px;line-height:20px; }
#sear .item ul li span.music { text-align: left; width: 122px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sear .item ul li span.use { width: 40px; }
#sear .item ul li span.name { width: 70px;}
#sear .item ul li span.name a{color:#575757;}
#sear .item ul li span.try { width: 40px;cursor:pointer;}
#sear .item ul li span.ding { width: 40px;cursor:pointer;}
#sear .item .more{float:right;width:35px;height:11px;display:block;margin-top:4px;padding-bottom:5px;}

#searbot{width:704px;height:10px;background:url(/images/inc/mainmid_bot.jpg) no-repeat;margin:0 auto;}

#songtype{width:719px;display:block;padding-top:3px;margin-bottom:2px;clear:both;}
#songtype .item{width:344px;height:271px;float:left;margin:1px 4px;}
#songtype .item .head ul{width:320px;height:21px;padding-left:22px;margin:1px auto;}
#songtype .item .head ul li{float:left;text-align:center;line-height:21px;width:95px;height:21px;border-right:1px solid #fff;}
#songtype .item .head ul li.no{border-right:none;}
#songtype .item .head ul li a{color:#fff;}
#songtype .item h1{font-weight:normal;line-height:25px;height:25px;text-align:center;color:#000;margin:0 5px;}
#songtype .item h1 span { float: left; text-align: center; height: 25px; line-height: 25px; }
#songtype .item h1 span.music {text-align:left;width:100px;padding-left:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#songtype .item h1 span.use {width:40px;}
#songtype .item h1 span.name {width:80px;}
#songtype .item h1 span.try {width:40px;}
#songtype .item h1 span.ding {width:40px;}
#songtype .item p{height:23px;line-height:23px;margin:0 5px;border-bottom: 1px dashed #C7C7C7; clear: both;}
#songtype .item p span{float:left;text-align:center;}
#songtype .item p span.music { text-align: left; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#songtype .item p span.use { width: 40px;padding-top:4px;}
#songtype .item p span.name { width: 80px;}
#songtype .item p span.name a{color:#575757;}
#songtype .item p span.try { width: 40px;padding-top:4px;cursor:pointer;}
#songtype .item p span.ding { width: 40px;padding-top:4px;cursor:pointer;}
#songtype .item .more{float:right;width:35px;height:11px;display:block;margin-top:10px;}


#help_top{width:950px;height:38px;background:url(/images/inc/bg_helptop.gif) repeat-x;display:block;}
#help{width:950px;height:136px;clear:both;margin:0 auto;}
#help .le{float:left;width:223px;height:109px;padding-left:9px;padding-top:27px;background:#EBD5EA; }
#help .le a{width:188px;height:71px;}
#help .le a img{width:188px;height:71px;}
#help .rig{float:right;width:688px;height:109px;padding-left:30px;padding-top:27px;background:#E2D4E3;}
#help .rig .item{width:200px;border-left:1px solid #A37FB6;float:left;}
#help .rig .item p{line-height: 20px; height: 20px; text-align: left; padding-left:15px; }
#footer{width:950px;height:50px;padding-top:10px;text-align:center;clear:both;}
#footer p{line-height:20px;}
#footer p span{color:red;}
.special{color:#5e0076}
.special2{color:#205100}
/*提示框*/
#scrollDiv{position:absolute;z-index:200;right:0px;width:150px;bottom:0px;height:245px;}
#scrollDiv .head{width:150px;height:25px;background:url(/images/inc/bg_prompthead.jpg) no-repeat;font-size:12px;line-height:25px; text-indent:7px;}
#scrollDiv .head a{float:right;width:20px;height:25px;margin-top:0px;*margin-top:-25px;_margin-top:-25px;cursor:pointer;display:block;}
#scrollDiv .box{width:130px;height:200px;padding:10px 10px;background:url(/images/inc/bg_promptbox.jpg) no-repeat;}
#scrollDiv .box p{margin:0;padding:0;list-style:none;font-size:12px;line-height:16px;text-indent:24px;}
#scrollDiv .box .tip{float:right;font-size:12px;line-height:20px;}
#scrollDiv .box p span{color:red;}
h1{margin:0;padding:0;list-style:none;font-size:12px;font-weight:normal;}

/*.mask6 { z-index: 999; background: #000; left: 0px; width: 100%; position: absolute; top: 0px; height: 99%; _height: 968px; opacity: 0.5; -moz-opacity: 0.5; }
.mask6 { filter: alpha(opacity=60); }*/
#popDiv{width:280px;height:202px;}
#popDiv p{height:30px;}
#popDiv .top{width:280px;height:29px;background:url(/images/inc/User_top.gif) no-repeat;}
#popDiv .top a{float:right;color:#fff;line-height:29px;padding-right:30px;}
#popDiv .bot{width:240px;padding:0 20px;height:152px;padding-top:20px;background:url(/images/inc/User_bot.gif) no-repeat;color:#000;}
.User_text{width:90px;height:18px;border:1px solid #7F9DB9;line-height:18px;}
.User_but{width:84px;height:28px;background:url(/images/inc/User_but.gif) no-repeat;border:none;cursor:pointer;}