@charset "UTF-8";

.player {
	height: 72px;
	background: #000;
	cursor: url('../images/player/player.cur'), default;
	text-align: left;
	position: relative;
	color: #fff;
}

.player a {
	cursor: url('../images/player/player.cur'), default;
	color: #fff;
}

ul.player_pre {
	float: left;
	width: 95px;
	height: 47px;
	display: inline;
	margin: 18px 0 0 0px;
}

ul.player_pre li {
	float: left;
	width: 19px;
	height: 47px;
	display: inline;
}

ul.player_pre li a {
	float: left;
	width: 19px;
	height: 47px;
	display: inline;
	background: url('../images/player_pre.jpg') 0px 0px no-repeat;
}

ul.player_pre li a:hover,ul.player_pre li a.over {
	background-position: 0px -47px;
}

.player_info {
	float: left;
	display: inline;
	width: 155px;
	height: 70px;
	background: url('../images/player/player_info.jpg') 0px 19px no-repeat;
	margin: 0 0 0 28px;
}

.player_info b {
	float: left;
	display: inline;
	width: auto;
	font-size: 130%;
	margin: 24px 0 0 35px;
}

.player_info p {
	float: left;
	display: inline;
	width: 120px;
	font-size: 90%;
	margin: 3px 0 0 35px;
}

.player_info p span {
	float: left;
	display: inline;
	width: auto;
}

.player_info p a.play {
	float: left;
	display: inline;
	width: 18px;
	height: 15px;
	background: url('../images/player/controls.jpg') -18px 0px no-repeat;
	font-size: 0;
	color: #001;
	margin: 0 0 0 1px;
}

.player_info p a.play:hover {
	background-position: -18px -15px;
}

.player_main {
	float: left;
	display: inline;
	width: 220px;
	height: 70px;
	margin: 0 0 0 74px;
}

.player_main span.tt {
	float: left;
	display: inline;
	width: auto;
	font-size: 80%;
	margin: 12px 0 0 14px;
}

.player_main p.progress {
	float: left;
	display: inline;
	width: 220px;
	height: 7px;
	margin: 3px 0 0 0;
	background: url('../images/player/progress_bg.gif') -220px 0px no-repeat
		;
}

.p0 {
	background-position: -220px 0px !important;
}

.p10 {
	background-position: -198px 0px !important;
}

.p20 {
	background-position: -176px 0px !important;
}

.p30 {
	background-position: -154px 0px !important;
}

.p40 {
	background-position: -132px 0px !important;
}

.p50 {
	background-position: -110px 0px !important;
}

.p60 {
	background-position: -88px 0px !important;
}

.p70 {
	background-position: -66px 0px !important;
}

.p80 {
	background-position: -44px 0px !important;
}

.p90 {
	background-position: -22px 0px !important;
}

.p100 {
	background-position: 0px 0px !important;
}

.player_main p.progress span {
	float: left;
	display: inline;
	width: 220px;
	height: 7px;
	background: url('../images/player/progress.png') 0px 0px no-repeat;
}

.player_main ul.controls {
	float: left;
	display: inline;
	width: 72px;
	height: 30px;
	margin: 15px 0 0 6px;
}

.player_main ul.controls li {
	float: left;
	display: inline;
	width: 18px;
	height: 15px;
}

.player_main ul.controls li a {
	float: left;
	display: inline;
	width: 18px;
	height: 15px;
	font-size: 0;
	color: #001;
	background: url('../images/player/controls.jpg') 0px 0px no-repeat;
}

.player_main ul.controls li a.prev {
	background-position: 0px 0px;
}

.player_main ul.controls li a.play {
	background-position: -18px 0px;
}

.player_main ul.controls li a.stop {
	background-position: -36px 0px;
}

.player_main ul.controls li a.next {
	background-position: -54px 0px;
}

.player_main ul.controls li a.prev:hover {
	background-position: 0px -15px;
}

.player_main ul.controls li a.play:hover {
	background-position: -18px -15px;
}

.player_main ul.controls li a.stop:hover {
	background-position: -36px -15px;
}

.player_main ul.controls li a.next:hover {
	background-position: -54px -15px;
}

.player_main ul.controls li.active a.prev {
	background-position: 0px -15px;
}

.player_main ul.controls li.active a.play {
	background-position: -18px -15px;
}

.player_main ul.controls li.active a.stop {
	background-position: -36px -15px;
}

.player_main ul.controls li.active a.next {
	background-position: -54px -15px;
}

.playlist {
	float: left;
	display: inline;
	width: 670px;
	height: 70px;
	margin: 0 0 0 44px;
	font-size: 90%;
	position: relative;
}

.playlist ul.cnt {
	float: left;
	display: inline;
	width: 670px;
}

.playlist ul.cnt li {
	float: left;
	display: inline;
	width: 220px;
	margin: 5px 0 0 1px;
}

.playlist ul.cnt li.current {
	background: url('../images/player/playlist_current.png') 0px 4px
		no-repeat;
}

.playlist ul.cnt li a {
	float: left;
	display: inline;
	width: auto;
	margin: 0px 0 0 8px;
}

.playlist ul.cnt li a:hover {
	color: #f00;
	font-weight: bold;
}

.playlist1 .btn {
	float: right;
	display: inline;
	width: 580px;
	height: 28px;
	position: relative;
	top: -28px;
	right: 85px;
	font-size: 90%;
}

.playlist1 .btn  p.type {
	float: left;
	display: inline;
	width: auto;
	margin: 4px 0 0 5px;
}

.playlist1 .btn  p.type i {
	float: left;
	display: inline;
	width: auto;
	font-style: normal;
	margin: 5px 0 0 0;
}

.playlist1 .btn  p.type a {
	float: left;
	display: inline;
	width: 35px;
	height: 20px;
	font-size: 0;
	color: #001;
	background: url('../images/player/playlist_type.jpg') 0px 0px no-repeat;
}

.playlist1 .btn  p.type a.mp3 {
	margin: 0 0 0 6px;
}

.playlist1 .btn  p.type a.mp3:hover,.playlist1 .btn  p.type a.mp3_selected
	{
	background-position: 0px -20px;
}

.playlist1 .btn  p.type a.video {
	background-position: -35px 0px;
}

.playlist1 .btn  p.type a.video:hover,.playlist1 .btn  p.type a.video_selected
	{
	background-position: -35px -20px;
}

.playlist1 .btn  p.type span {
	float: left;
	display: inline;
	width: auto;
	color: #686868;
	margin: 5px 0 0 0;
}

.playlist1 .btn  p.ctrl_en {
	float: left;
	display: inline;
	width: auto;
}

.playlist1 .btn  p.ctrl_en a {
	float: left;
	display: inline;
	width: 53px;
	height: 28px;
	background: url('../images/player/playlist_ctrl.jpg') 0px 0px no-repeat;
	font-size: 0;
	color: #001;
}

.playlist1 .btn  p.ctrl_en a.add {
	background-position: 0px 0px;
	margin: 0 0 0 26px;
}

.playlist1 .btn  p.ctrl_en a.add:hover {
	background-position: 0px -28px;
}

.playlist1 .btn  p.ctrl_en a.rem {
	background-position: -53px 0px;
}

.playlist1 .btn  p.ctrl_en a.rem:hover {
	background-position: -53px -28px;
}

.playlist1 .btn  p.ctrl_en a.select {
	background-position: -106px 0px;
}

.playlist1 .btn  p.ctrl_en a.select:hover {
	background-position: -106px -28px;
}

.playlist1 .btn  p.ctrl_en a.repeat {
	background-position: -159px 0px;
	margin: 0 0 0 16px;
}

.playlist1 .btn  p.ctrl_en a.repeat:hover {
	background-position: -159px -28px;
}

.playlist1 .btn  p.ctrl_en a.shuffle {
	background-position: -212px 0px;
}

.playlist1 .btn  p.ctrl_en a.shuffle:hover {
	background-position: -212px -28px;
}

.playlist1 .btn  p.ctrl_en a.manage {
	width: 81px;
	background-position: -265px 0px;
	margin: 0 0 0 54px;
}

.playlist1 .btn  p.ctrl_en a.manage:hover {
	background-position: -265px -28px;
}

a.playlistHandle {
	float: left;
	display: inline;
	width: 71px;
	height: 56px;
	position: absolute;
	top: 33px;
	left: 605px;
	background: url('../images/player/playlistHandle.png') 0px 0px no-repeat
		;
	font-size: 80%;
	font-weight: bold;
	color: #cbf9f7;
}

a.playlistHandle:hover {
	background-position: 0px -56px;
}

a.playlistHandle span {
	float: left;
	display: inline;
	width: auto;
	margin: 18px 0 0 18px;
}
/* $Id: player.css 11 2010-05-31 05:41:40Z rudisoft $ */