#player {
	padding: 0px 0px 0px 0px;
	height: 80px;
	color: #666;
	background-color: #eee;
	/*border: 1px solid #4cb6d3;*/
}
#player div.box_player{
	background-color: #eee;
}

#player div{
	padding: 0px 0px 0px 0px;
}

#player div.box_cover{
	width: 80px;
}

#player div.cover img{
	width: 78px;
	height: 78px;
	
}
#player div.box_player{
	width: 100%;
	width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
	
}

#player div.jp-progress {
	background-size: 100% 100% !important;
	height: 58px;
}

#player div.jp-seek-bar {
	height: 100%;
	cursor: pointer;
	background: url("../gfx/jplayer/load_bar.png") no-repeat;
	background-size: 100% 100%;
}
#player div.jp-play-bar {
	height: 100%;
	cursor: pointer;
	background: url("../gfx/jplayer/play_bar.png") no-repeat;
	background-size: 100% 100%;
}

#player a.jp-play,
#player a.jp-pause {
	position: absolute;
	width:60px;
	height:60px;
	top: 10px;
	left: 10px;
/*	width: 60px;
	height: 60px;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
/*  left: 50%; /* position the left edge of the element at the middle of the parent */
/*  transform: translate(-50%, -50%);*/
}

#player a.jp-play {
	background: url("../gfx/jplayer/play.png") no-repeat;
}
#player a.jp-play:hover {
	background: url("../gfx/jplayer/play_hover.png") no-repeat;
}
#player a.jp-pause {
	background: url("../gfx/jplayer/pause.png") no-repeat;
	display: none;
}
#player a.jp-pause:hover {
	background: url("../gfx/jplayer/pause_hover.png") no-repeat;
}
#player div.jp-title,
#player div.jp-current-time,
#player div.jp-duration {
	white-space: nowrap;
	overflow:hidden;
}

#player div.jp-title {
	font-weight: bold;
	padding-left: 5px;
}

#player div.jp-current-time {
	font-size: small;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

#player div.jp-duration {
	font-size: small;
	text-align: right;
	padding: 0px 5px 0px 0px;
}

#player div.platzhalter {
	height: 10px;
}