div.jp-audio {
margin:0; padding:0;
}
div.jp-interface {
position: relative;
width:100%; 
height:38px;
overflow:hidden;
background: rgb(73,75,77);
background: -moz-linear-gradient(top,  rgba(73,75,77,1) 0%, rgba(43,45,45,1) 100%);
background: -webkit-linear-gradient(top,  rgba(73,75,77,1) 0%,rgba(43,45,45,1) 100%);
background: linear-gradient(to bottom,  rgba(73,75,77,1) 0%,rgba(43,45,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494b4d', endColorstr='#2b2d2d',GradientType=0 );
-webkit-box-shadow: inset 0px -1px 0px 0px rgba(35, 35, 35, 1);
-moz-box-shadow:    inset 0px -1px 0px 0px rgba(35, 35, 35, 1);
box-shadow:         inset 0px -1px 0px 0px rgba(35, 35, 35, 1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.jp-audio div.jp-interface {
height:38px;
}
div.jp-interface ul.jp-controls {
width:100%; height:38px; position:relative;
list-style-type:none;
margin: 0; padding:0;
}
div.jp-interface ul.jp-controls li {
position:absolute;
display:inline;
}
div.jp-interface ul.jp-controls a {
position:absolute;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
width:38px; height:38px;
display:block;
z-index:1;
border-right:#494d51 1px solid;
-webkit-box-shadow: inset -1px 0px 0px 0px rgba(30, 30, 30, 0.6);
-moz-box-shadow:    inset -1px 0px 0px 0px rgba(30, 30, 30, 0.6);
box-shadow:         inset -1px 0px 0px 0px rgba(30, 30, 30, 0.6);
}
div.jp-audio a.jp-play,
div.jp-audio a.jp-pause {
top:0; 
left:0;
}
a.jp-play {
background:URL(../img/play.png) no-repeat center center;
}
a.jp-pause {
background:URL(../img/pause.png) no-repeat center center;
display:none;
}
div.jp-progress {
position:absolute;
overflow:hidden;
}
div.jp-audio div.jp-progress {
top:14px; 
left:0;
width:100%;
height:10px;
padding:0 117px 0 50px;
box-sizing:border-box;
}
.jp-state-no-volume div.jp-progress {
padding-right:14px !important;
}
div.jp-bg-bar {
background:#262929;
width:100%;
height:10px;
border:#262929 1px solid;
cursor:pointer;
}
div.jp-play-bar {
background:URL(../img/progress.png) repeat-x center center;
width:0px; 
height:8px; 
padding:0;
}
div.jp-audio li.muteClass { 
width:24px; height:38px;
position:absolute;
right:80px; top:0;
padding:0 0 0 8px;
border-left:#494d51 1px solid;
-webkit-box-shadow: inset 1px 0px 0px 0px rgba(30, 30, 30, 0.6);
-moz-box-shadow:    inset 1px 0px 0px 0px rgba(30, 30, 30, 0.6);
box-shadow:         inset 1px 0px 0px 0px rgba(30, 30, 30, 0.6);
}
.jp-state-no-volume li.muteClass {
display:none !important;	
}
a.jp-mute,
a.jp-unmute {
width:20px; height:38px;
overflow:hidden;
display:block;
z-index:3;
}
div.jp-audio a.jp-mute,
div.jp-audio a.jp-unmute {

}
a.jp-mute {
background:URL(../img/volume.png) no-repeat center center;
}
a.jp-unmute {
background:URL(../img/volume_off.png) no-repeat center center;
display: none;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
background:#262929;
width:60px;
height:10px;
border:#262929 1px solid;
cursor:pointer;
box-sizing:border-box;
}
div.jp-audio div.jp-volume-bar {
top:14px; 
right:10px;
}
div.jp-volume-bar-value {
background:URL(../img/progress.png) repeat-x center center;
width:0px; height:8px;
padding:0;
}

.jp-playlist-item-remove { display:none !important; }

@media screen and (max-width:700px) {
a.jp-play {
background:URL(../img/play_sp.png) no-repeat center center; background-size:16px 16px;
}

a.jp-pause {
background:URL(../img/pause_sp.png) no-repeat center center; background-size:16px 16px;
}

a.jp-mute {
background:URL(../img/volume_sp.png) no-repeat center center; background-size:16px 16px;
}
a.jp-unmute {
background:URL(../img/volume_off_sp.png) no-repeat center center; background-size:16px 16px;
}

div.jp-play-bar {
background:URL(../img/progress_sp.png) repeat-x center center; background-size:auto 8px;
}

div.jp-volume-bar-value {
background:URL(../img/progress_sp.png) repeat-x center center; background-size:auto 8px;
}
}