.audio-play-title-outter{width:99%;height:auto;overflow:hidden;margin-bottom:2px 0px 10px 0px;padding:1% 0px 1% 1%;line-height:30px;border-bottom:1px solid #ccc;background-color:#fff;}
.audio-play-title-main{ width:45% !important;height:auto;overflow:hidden;float:left;text-align:left;margin:0px;padding:0px; }

.audio-play-stop{ width:40px;height:auto;overflow:hidden;float:right;text-align:center; }
.audio-play-stop-play{ background-image:url('../../../images/play.png');background-position:0px 0px;height:20px;width:30px;background-repeat:no-repeat;float:right;border:0px;text-decoration:none;text-indent:-8888px;margin-top:5px; }
.audio-play-stop-play:hover{ background-image:url('../../../images/play.png');background-position:0px -21px;height:20px;width:30px; }
.audio-play-stop-pause{ background-image:url('../../../images/pause.png');background-position:0px 2px;height:20px;width:40px;background-repeat:no-repeat;float:right;border:0px;text-decoration:none;text-indent:-8888px;margin-left:20px; margin-top:5px;}
.audio-play-stop-pause:hover{ background-image:url('../../../images/pause.png');background-position:0px -16px;height:20px;width:40px; }
.audio-play-stop-play a,.audio-play-stop-pause a{ text-decoration:none;border:0px; }
.audio-play-title-outter .jp-controls a:link,.audio-play-title-outter .jp-controls a:visited{ border:0px; }
div.jp-interface{ position:relative;background-color:#fff;width:27%;height:30px;overflow:visible;float:left;line-height:30px;}
div.jp-audio div.jp-progress{top:12px;height:15px;width:100% !important;margin-top:11px;}
div.jp-audio div.jp-type-single div.jp-progress{float:left;top:3px;left:45%;width:116px;}
div.jp-seek-bar{background:url("images/playerskin.jpg") 0 -202px repeat-x;width:0px;height:100%;cursor:pointer;}
div.jp-play-bar{background:url("images/playerskin.jpg") 0 -218px repeat-x ;width:0px;height:100%;}
div.jp-seeking-bg{background:url("images/playerskin.gif");}
div.jp-audio{ background-color:#fff !important; }
.jp-current-time-sep{ width:15%;float:right;text-align:center; }
.jp-duration{ width:8%;height:auto;overflow:hidden;float:left;text-align:center;margin-top:4px;font-size:12px; }
.jp-current-time { width:8%;float:left;text-align:center;font-size:12px;margin:0px;  }
.jp-controls { line-height:34px;margin-top:0px;height:auto;overflow:hidden;float:right;height:30px; }
.jp-type-single-s{ height:auto;overflow:hidden;min-height:20px;width:10%;float:left;padding:1% 0px 1% 0px !important; }
.jp-nav-holder{ float:left;margin-right:10px;width:20%;padding:1% 0px 1% 0px; }



.jp-progress-s{float:left;top:3px;left:2% !important;width:90% !important;padding:1% 0px 1% 0px;}
.jp-duration-s{ padding:0px !important;margin:0px !important; }
div.jp-audio-s div.jp-progress-s{position:absolute;top:32px;height:15px;}
div.jp-audio-s div.jp-type-single-s div.jp-progress-s{float:left;top:3px;left:25% !important;width:90% !important;}
.audio-play-title-outter-s{width:96% !important;height:auto !important;overflow:hidden !important;margin-top:2px;padding:0px;background-color:#fff; }
.audio-play-title-main-s{ width:30% !important;height:auto;overflow:hidden;float:left !important;text-align:left;margin:0px;padding:1% 0px 1% 0px;font-size:0.9em; }
.audio-post-title-lnk-s{ width:27%;float:left;padding:0.5% 0px 0.5% 1%;font-size:0.9em;font-weight:normal; }
.audio-post-title-lnk-s a{ font-weight:normal !important; }

@media screen and (max-width: 796px)
{
.audio-play-title-outter{width:98%;margin:0px;padding:4% 1%;border-bottom:1px solid #aaa;float:left; }
.audio-play-title-main{ width:95% !important;height:auto;overflow:hidden;float:none;text-align:left;margin:0px;min-height:30px; }
div.jp-type-single { width:74%;float:left; }

div.jp-interface{ position:relative;background-color:#fff;width:99%;height:30px;overflow:visible;float:none;margin:auto;line-height:30px;}
div.jp-nav-holder{ width:38% !important;float:none;margin:auto;text-align:right;margin-top:10px; }
.jp-current-time-sep{ text-align:right; }
.jp-current-time { width:12% !important;height:auto;overflow:hidden;float:left;text-align:center;margin-top:0px;font-size:12px; }
.jp-duration { width:12% !important;height:auto;overflow:hidden;float:left;text-align:center;margin-top:0px;font-size:12px; }
}
@media screen and (max-width: 500px)
{

}