#player{
  position:relative;
  text-align:left;
}
.player-container {
    height: 75px;
    width: 270px;
    overflow: hidden;
    background: #FFA86E;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 3px 3px 8px rgba(111, 80, 0, 0.6);
    border-bottom: 1px #FFD159 solid;
    border-right: 1px #FFD159 solid;
}


.jp-play, .jp-pause1 {
    width: 60px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
	cursor: pointer;
    margin-left: 10px;
    margin-top: 7px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.jp-play {
    background: url("img/play.png");
}

.jp-play:hover {
    background: url("img/play_hover.png");
}

.jp-play:active {
    background: url("img/play_active.png");
}

.jp-pause1 {
    background: url("img/pause.png");
    display: none;
}

.jp-pause1:hover {
    background: url("img/pause_hover.png");
}

.jp-pause1:active {
    background: url("img/pause_active.png");
}

div.jp-volume-bar {
    overflow: hidden;
    position:absolute;
    width: 165px;
    height: 10px;
    cursor: pointer;
    /*background: url("img/volume.png"); */
    background: #E9E9E9;
    margin-top:-26px;
    margin-left:95px;
    border-radius:5px;
}

div.jp-volume-bar-value {
    background: #DD6623;
	border-radius:5px;
    height:10px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}
div.jp-volume-bar-value:hover
{
  background: #F08143;
}
div.jp-volume-bar-value:active
{
  background: #AF5827;
}
.player-container p span.play-channel-name, .player-container p span.play-track-name {
    color: #CC0090;
}
.jp-mute
{
   background: url("img/mute.png");
   width:7px;
   height:11px;
   position:absolute;
   top:40px;
   left:80px;
   cursor: pointer;
}
.jp-unmute
{
   background: url("img/muteactive.png");
   width:7px;
   height:11px;
   position:absolute;
   top: 40px;
   left: 80px;
   cursor: pointer;
}
.song
{
  position:absolute;
  font: 15px/25px 'tahoma';
  color:#fff;
  width:180px;
  height:25px;
  overflow:hidden;
  margin-top:-60px;
  margin-left:80px;
  background-color: #CA773F;
  border-radius: 5px;
}