@viewport {
  width: extend-to-zoom;
   zoom: 1.0; 
}
@-ms-viewport {
  width: extend-to-zoom; 
   zoom: 1.0; 
}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

.jp-gui {position:relative; margin:0; width:260px; height:32px;}
.jp-controls {list-style-type:none; padding:0; overflow:hidden; width:64px; padding:0; margin:0;}
.jp-controls li {display:inline; float:left; list-style-type:none; list-style-image:none; padding:0; margin:0;}
.jp-controls a {display:block; overflow:hidden; text-indent:-9999px;}
.jp-play, .jp-pause, .jp-stop, .jp-previous, .jp-next {width:32px; height:32px; border:0;}
.jp-play, .jp-pause { -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.jp-play {background:url("player.gif") 0 0 no-repeat;}
.jp-play:hover {background:url("player.gif") -42px 0 no-repeat;}
.jp-pause {background:url("player.gif") 0 -32px no-repeat; display:none;}
.jp-pause:hover {background:url("player.gif") -42px -32px no-repeat;}
.jp-stop {background:url("player.gif") 0 -64px no-repeat; margin-left:0;}
.jp-stop:hover {background:url("player.gif") -42px -64px no-repeat;}
.jp-progress-wrap { position:absolute; background:#999; width:196px; height:32px; top:0; left:64px; right:0; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.jp-progress { overflow:hidden; background:url("player.gif") 0 -96px repeat-x; position:absolute; top:0; right:0; height:32px; width:196px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.jp-seek-bar {background:url("player.gif") 0 -96px repeat-x; width:0; height:100%; cursor:pointer;}
.jp-current-time {position:absolute; right:6px; font-size:.7em; line-height:32px; color:#366;}
.jp-play-bar {background:url("player.gif") 0 -128px repeat-x; width:0; height:100%;}
.jp-seeking-bg {background:url("seek.gif");}
.jp-no-solution {padding:5px; line-height:15px; font-size:11px; background-color:#000; display:none;}
.jp-no-solution a {color:#fff;}

@media screen and (min-width:64.0625em) {
.jp-gui {width:275px;}
.jp-progress-wrap, .jp-progress {width:211px;}
}