html,body {width: 100%;margin: 0;padding: 0;color: #666464;font-size: 12px;font-family: 宋体, Arial, Helvetica, sans-serif;cursor: default}
div,ul,ol,li,p,img,h1,h2,h3,h4,h5,h6,h7 {font-size: 12px;color: #666464;font-weight: normal;margin: 0;padding: 0;border: 0;list-style: none;overflow: hidden;zoom: 1}
a,a:visited,a:hover {color: #666464;text-decoration: none}
a:hover {color: #E00}

.player {
	width: 688px;padding: 0;margin: 25px auto 0
}
.title-box {
	position: relative;height: 29px;width: 100%;background: url(title-bg.png) left top repeat-x;overflow: hidden
}
.title-box li,.title-box li:visited {
	float: left;height: 29px;line-height: 30px;display: block;overflow: hidden
}
.title-box .left {
	float: left;height: 29px;width: 10px;background:url(title-1.png) left top no-repeat
}
.title-box .right {
	float: right;height: 29px;padding-right: 10px;background:url(title-2.png) right top no-repeat
}
.title-box .right a,.title-box .right a:visited {
	margin: 0 2px;padding: 0;display: block;float: left
}
.volume {
	position: relative;float: left;line-height: 29px
}
.play-time,.prev-song,.next-song,.stop-song,.pause-song,.play-song,.cycle-song,.volume-button,.mute-button
 {
	float: left;width: 30px;height: 29px;cursor: pointer;display: block
}
.play-time {
	line-height: 29px;width: 40px;text-align: center;color: #A3A3A3;background: url(play-time.png) repeat-x;
	font-family: Arial;font-size: 10px;cursor: default
}
.prev-song {
	background: url(prev-song.png) no-repeat;
}
.next-song {
	background: url(next-song.png) no-repeat;
}
.stop-song {
	background: url(stop-song.png) no-repeat;
}
.pause-song {
	background: url(stay-song.png) no-repeat;
}
.play-song {
	background: url(play-song.png) no-repeat;
}
.cycle-song {
	background: url(cycle-song.png) no-repeat;
}
.volume-button {
	width: 20px;background: url(volume-button.png) right top no-repeat;
}
.mute-button{
	width: 20px;background: url(mute-button.png) right top no-repeat;
}
.volume-down,.volume-up,.volume-container,.volume-track,.volume-handle {
	width: 20px;height: 29px;cursor: pointer;display: block
}
.volume-container {
	position: relative;float: left;width: 102px
}
.volume-down {
	position: absolute;left: 0;width: 20px;background: url(volume-down.png) center top no-repeat;
}
.volume-up {
	position: absolute;right: 0;width: 20px;background: url(volume-up.png) right top no-repeat;z-index: 5
}
.volume-track {
	position: relative;width: 62px;margin-left: 20px;margin-right: 20px;background: url(volume-track.png) repeat-x; cursor:default;
}
.volume-handle {
	position: absolute;left: 10px;top: 11px;
	width: 15px;height: 7px;background: url(volume-handle.png) no-repeat;
}


.cont-box {
	padding: 0;margin: 0 5px;border-left: 1px solid #DDD;border-right: 1px solid #DDD
}
.progressBar-Container {
	height: 29px
}
.progressBar-Container li {
	float: left;height: 29px;background: url(guage.png) left top repeat-x
}
.progressBar-Container .left {
	width: 15px;background-position: right -29px
}
.progressBar-Container .right {
	float: right;width: 15px;margin: 0 auto;background-position: left -58px
}
.progressBar-Container .progressBar-Track {
	width: 646px;background: url(guage.png) left -87px repeat-x
}
.progressBar-Container .progressBar-Track .progressBar {
	display: block;height: 100%;width: 0px;background: url(guage.png) left -116px repeat-x
}
.cont-box .cont-title {
	height: 30px;background: url(cont-title.png) left top repeat-x
}
.cont-title li {
	float: left;padding: 10px;font-weight: bold;
}
.cont-title .right {
	float: right;height: 10px;background: url(cont-title-li.png) right top repeat-y
}
.cont-title .left {
	height: 30px;padding: 10px;background: url(cont-title-li.png) left top repeat-y
}
.cont-title .on {
	float: left;display: block;height: 26px;padding: 0;margin: 0;color: #90BC16;background:  url(cont-title-on.png) center bottom no-repeat
}
.cont-box .list-box {
	position: relative;height: 245px
}


.list-box .lyricDiv {
	position: absolute;
	top: 0; left: 0;
	width: 366px;
	height: 243px;
	background: #FFF;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
.lyricDiv .lrcContainer {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	width: 330px;
	text-align: center;
	line-height: normal;
	background: #FFF;
	overflow: hidden
}
.lyricSrcollDiv {
	position: absolute;
	left: 337px;
	width: 14px;
	height: 245px;
	background: url('scroll.gif') repeat-y left top;
	overflow: hidden;
	-overflow: visible;
}
.lyricSrcollTrack {
	position: absolute;
	top: 10px; left: 0;
	bottom: 10px;
	width: 14px;
	height: 225px;
	background: url(scroll.gif) -14px top repeat-y;
	overflow: hidden;
}
.lyricSrcollHandle {
	position: absolute;
	top: 0px; left: 0px;
	width: 14px;
	height: 19px;
	background: url(scroll.gif) -28px bottom no-repeat;
	cursor:pointer;
}

.list-box .musicListDiv {
	position: absolute;
	top: 0; right: 14px;
	width: 310px;
	height: 243px;
	background: #FFF;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
.musicListDiv .musicList {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px 2px;
	width: 305px;
	background: #FFF;
	overflow: hidden
}
.musicList a,.musicList a:visited {
	display: block;height: 20px;line-height: 22px;-line-height: 20px;padding: 0 10px;overflow: hidden
}
.musicList a:hover {
	background: #EFEFEF;color: #666464
}
.musicList a.on,.musicList a:visited.on {
	background: #90BC16;color: #fff
}
.musicList a:hover.on {
	background: #90BC16;color: #fff
}
.musicList a em {
	float: right;font-style: normal;font-family: Arial;font-size:10px;
}
.musicListSrcollDiv {
	position: absolute;
	right: 0;
	width: 14px;
	height: 245px;
	background: url(scroll.gif) left top repeat-y;
	overflow: hidden;
	-overflow: visible;
}
.musicListSrcollTrack {
	position: absolute;
	top: 10px; left: 0;
	bottom: 10px;
	width: 14px;
	height: 225px;
	background: url(scroll.gif) -14px top repeat-y;
	overflow: hidden;
}
.musicListSrcollHandle {
	position: absolute;
	top: 0px; left: 0px;
	width: 14px;
	height: 19px;
	background: url(scroll.gif) -28px bottom no-repeat;
	cursor:pointer;
}
.normalLrcRow{
	height:23px;
	line-height: 23px;
}
.selectLrcRow
{
	color:lime;
	font-weight:bold;
	height:23px;
	line-height: 23px;
	FILTER:progid:dximagetransform.microsoft.glow(Color=green,Strength=10)
}
.normalMusicList
{
	cursor:pointer;
	position:relative;
	height:20px;
}
.selectMusicList
{
	color:#ffffff;
	cursor:pointer;
	background-color:#90BC16;
	position:relative;
	height:20px;
}
.leftMusicList
{
	position:absolute;
	left:5px;
	right:15px;
	padding:5px 0;
}
.rightMusicList
{
	color:Red;
	width:12px;
	position: absolute;
	right: 5px;
	font-size:12px;
	font-family:Verdana;
	padding:2px 0;
}