body{font-family:"宋体", arial;margin:0; padding:0; font-size:12px; color:#666; background-color:#3FC7F5;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0;list-style-type:none;}
h1,h2,h3,h4{ margin:0; padding:0px;}
table,td,tr,th{font-size:12px;}
a { color:#777; text-decoration: none;}
a:hover {text-decoration: underline}

/*头部*/
.top{ margin:0 auto; width:1000px; height:109px;}
.top .logo{float:left; width:284px; height:109px; background-color:#0099CC;}
.top .nav{float:right; width:716px; height:109px; background-color:#0099CC;}
.top .nav .t{ width:716px; height:40px;}

.top .nav .menu{float:right; width:716px; height:69px;}
.top .nav .menu #nav_left{float:left;background: url(../images/nav_left.jpg) no-repeat 0% 0%; display: block; height: 69px; text-indent: -5000px; width: 97px;}
.top .nav .menu #album a{float:left;background: url(../images/nav_icon1.jpg) no-repeat 0px 0%; display: block; height: 69px; text-indent: -5000px; width: 108px;}
.top .nav .menu #music a{float:left;background: url(../images/nav_icon2.jpg) no-repeat 0px 0%; display: block; height: 69px; text-indent: -5000px; width: 106px;}
.top .nav .menu #flash a{float:left;background: url(../images/nav_icon3.jpg) no-repeat 0px 0%; display: block; height: 69px; text-indent: -5000px; width: 123px;}
.top .nav .menu #video a{float:left;background: url(../images/nav_icon4.jpg) no-repeat 0px 0%; display: block; height: 69px; text-indent: -5000px; width: 103px;}
.top .nav .menu #gushi a{float:left;background: url(../images/nav_icon5.jpg) no-repeat 0px 0%; display: block; height: 69px; text-indent: -5000px; width: 103px;}
.top .nav .menu #nav_right{float:left;background: url(../images/nav_right.jpg) no-repeat 0% 0%; display: block; height: 69px; text-indent: -5000px; width: 76px;}

/*主体*/
.card{margin:0 auto; width:1000px;}
.card .left{float:left; width:555px; height:641px;}
.card .right{float:right; width:445px;}

.hot_music{float:left; width:250px; height:174px;background: url(../images/hotmusic.jpg) no-repeat 0px 0%;}
.hot_music ul{ padding:82px 0px 0px 50px;}
.hot_music li{ text-align:left; line-height:23px;}

.hot_type{float:right; width:195px; height:174px;background: url(../images/indexad.jpg) no-repeat 0px 0%;}
.hot_type ul{ padding:82px 40px 0px 23px;}
.hot_type li{ text-align:left; line-height:23px;}

.hot_album{ width:445px; height:194px;background: url(../images/jpg_bg.jpg) no-repeat 0px 0%; clear:both;}
.icon{width:445px;}


.feature {
	padding-top:60px; margin-left:30px; 	WIDTH: 360px;
	POSITION: relative
}
.feature A IMG {max-width:103px;
}
#my-glider {
	POSITION: relative
}
.scroller {
	OVERFLOW: hidden; WIDTH: 360px; HEIGHT: 104px
}
.scroller .section {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 360px; WHITE-SPACE: nowrap; HEIGHT: 104px; TEXT-ALIGN: center
}
.scroller .content {
	WIDTH: 10000px
}
#prevLink {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 20px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 55%;
	HEIGHT: 20px;
	background-image: url(../images/glider-arrows.gif);
	background-repeat: no-repeat;
}
#nextLink {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 20px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 55%;
	HEIGHT: 20px;
	background-image: url(../images/glider-arrows.gif);
	background-repeat: no-repeat;
}
#prevLink:hover {
	BACKGROUND-POSITION: 0px -19px
}
#nextLink {
	BACKGROUND-POSITION: -19px 0px
}
#nextLink:hover {
	BACKGROUND-POSITION: -19px -19px
}
#prevLink {
	LEFT: -10px
}
#nextLink {
	RIGHT: -10px
}