@charset "utf-8";

/* audio btn */
.overlayPop .audioWrap .btnProto{float:left; display:inline-block; width:18px; height:18px; cursor:pointer;}

.overlayPop .audioWrap .btnProto.btnPlay{background:url('../images/audio_btn_play_over.png') no-repeat; margin:0px 10px 0px 5px;}
.overlayPop .audioWrap .btnProto.btnPause{background:url('../images/audio_btn_pause.png') no-repeat; margin:0px 10px 0px 5px;}
.overlayPop .audioWrap .btnProto.btnStopOff{background:url('../images/audio_btn_stop.png') no-repeat;}
.overlayPop .audioWrap .btnProto.btnStopOn{background:url('../images/audio_btn_stop_over.png') no-repeat;}
.overlayPop .audioWrap .btnProto.btnSoundOn{background:url('../images/audio_btn_sound_on.png') no-repeat;}
.overlayPop .audioWrap .btnProto.btnSoundOff{background:url('../images/audio_btn_sound_off.png') no-repeat;}

.overlayPop .audioWrap:after{display:block; height:0; clear:both; content:'';}

/* ------------------------------------------------------------------------------------------------------------- */
/* common */
.overlayPop .audioControls .barProto.mvSound .back .current{width:21px; height:14px; background:url('../images/sound_bg_over.png') no-repeat; border-radius:0px;}

.overlayPop .audioControls .barProto .back .toucharea{position:absolute; width:100%; height:40px;}

.overlayPop .audioControls .barProto.mvTime .back .toucharea{top:-18px; z-index:1000;}

.overlayPop .audioControls .barProto.mvSound .back .toucharea{top:0px; z-index:900;}

.overlayPop .audioControls .barProto .label{float:left; position:absolute; font-size:18px; font-weight:900; text-align:center; color:#fff;}

.overlayPop .audioControls .barProto.mvSound .back{display:inline-block; cursor:pointer; width:21px; height:14px; background:url('../images/sound_bg.png') no-repeat; border-radius:0px;}

.overlayPop .audioControls .barProto{float:left; position:relative; display:inline-block; height:4px;}

.overlayPop .audioControls .barProto .back .marker{position:absolute;}

.overlayPop .audioControls .back{float:left; display:inline-block; width:calc(100%); height:5px; background:#c3d2d7; border-radius:32px; cursor:pointer;}

.overlayPop .audioControls .back .current{position:absolute; top:0; left:0; height:5px; border-radius:32px;}

/* ------------------------------------------------------------------------------------------------------------- */
/* audio */
.overlayPop .audioWrap{display:inline-block; margin-top:10px;}
.overlayPop .audioControls{display:inline-block; width:230px; height:30px; padding:10px 10px 0px 20px; background:#fff; border:1px solid #bbbbbb; border-radius:32px;}

.overlayPop .audioControls .barProto.mvTime{width:76px; margin:7px 12px 0px 25px; background:#fff;}
.overlayPop .audioControls .barProto.mvTime .back .marker{top:-5px; width:15px; height:15px; margin-left:-7px; background:url('../images/vpointer.png') no-repeat;}

.overlayPop .audioControls .barProto.mvSound{width:21px; margin:2px 0px 2px 6px;}
.overlayPop .audioControls .barProto.mvSound .back .marker{display:none}

.overlayPop .audioControls .back .current{background:#2d5fc3}
.overlayPop .audioControls .barProto .label{display:none; top:-23px; right:-100px; width:100px;}

.overlayPop .audioControls .speedPannel{float:right; display:none;}

/* inner mp3 btn */
.overlayPop .mp3_close_btn{position:absolute; display:inline-block; top:-3px; left:245px; width:30px; height:30px; background:url('../images/close_btn.png') no-repeat; cursor:pointer;}
.overlayPop .mp3_close_btn:hover{background:url('../images/close_btn_over.png') no-repeat;}

body {
margin:0; padding:0; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}