@charset "utf-8";
/* CSS Document */

.mediaContainer{position:relative;width:600px;height:490px;margin:0 auto;padding:10px;background:url(media/bg.png) no-repeat;}

.mediaContainer .mediaControls{position:relative;text-align:left;}
.mediaContainer .playFrame{display:block;width:600px;height:450px;border:none;margin:0;padding:0;background:transparent;}
.mediaContainer .track{position:relative;height:7px;width:100%;border-bottom:1px solid #ccc;background:#d6d6d6;_overflow:hidden;text-align:left;}
.mediaContainer .buffer{position:absolute;top:0;left:0;height:100%;background:#a1a1a1;}
.mediaContainer .progress{position:absolute;top:0;left:0;height:100%;background:#7bce1e;border-radius:0 10px 10px 0;}
.mediaContainer .playhead{position:absolute;top:-4px;width:17px;height:18px;background:url(media/media.png) no-repeat -115px -145px;cursor:pointer;_background:none;}

/*播放&暂停*/
.mediaContainer .play, .mediaContainer .pause{float:left;width:40px;height:32px;margin-top:3px;background:url(media/media.png) no-repeat;cursor:pointer;text-indent:-9999px;}
.mediaContainer .play{background-position:0 0;}
.mediaContainer .play:hover{background-position:-42px 0;}
.mediaContainer .pause{background-position:0 -34px;}
.mediaContainer .pause:hover{background-position:-42px -34px;}

/*时间*/
.mediaContainer .time{float:left;font-size:12px;font-family:Verdana;padding:9px 6px;color:#999;}
.mediaContainer .time span, .mediaContainer .time strong{font-weight:normal;}
.mediaContainer .time strong{color:#666;}

/*自定义按钮*/
.mediaContainer .logo, .mediaContainer .line, .mediaContainer .full, .mediaContainer .unfull{float:right;_display:inline;background:url(media/media.png) no-repeat;}
.mediaContainer .logo{width:44px;height:32px;margin-top:3px;background-position:-86px 0;}
.mediaContainer .line{overflow:hidden;width:3px;height:32px;margin:2px 10px;background-position:-132px 0;}

.mediaContainer .full, .mediaContainer .unfull{width:16px;height:16px;margin-top:9px;cursor:pointer;_visibility: hidden;}
.mediaContainer .full{background-position:-86px -34px;}
.mediaContainer .full:hover{background-position:-104px -34px;}
.mediaContainer .unfull{background-position:-86px -52px;}
.mediaContainer .unfull:hover{background-position:-104px -52px;}


/*声音*/
.mediaContainer .mute,.mediaContainer .unmute{_overflow:hidden;_display:inline;float:right;margin:9px 0 0 0;width:18px;height:18px;background:url(media/media.png) no-repeat;text-indent:-9999px;cursor:pointer;}
.mediaContainer .mute{background-position:0 -70px;}
.mediaContainer .unmute{background-position:-140px -70px;}

.mediaContainer .volumeWrap{float:right;height:18px;width:121px;margin-top:9px;background:url(media/media.png) no-repeat -18px -70px;}
.mediaContainer .volume{width:100px;height:7px;margin:5px 0 0 5px;background:#c7c7c7;cursor:pointer;_overflow:hidden;border-radius:8px;}
.mediaContainer .volumepercent{height:100%;background:#a4a4a4;border-radius:8px;}
.mediaContainer .volumehead{float:right;width:15px;height:15px;margin:-3px -12px 0 0;background:url(media/media.png) no-repeat -115px -171px;_background:none;}

/*播放广告*/
.jp-advertise{display:none;position:absolute;top:50%;left:50%;}

/*暂停广告*/
.jp-pause-advertise{display:none;position:absolute;margin:-130px 0 0 -150px;}
.jp-pause-advertise img{width:300px;height:200px;}
.jp-ad-pause-close{position:absolute;top:5px;right:5px;width:11px;height:10px;background:url(media/media.png) no-repeat -114px -128px;overflow:hidden;}

/*结束广告*/
.jp-end-advertise{display:none;position:absolute;width:548px;height:378px;line-height:18px;margin:-215px 0 0 -274px;border:1px solid #000;color:#ccc;background:#191919;}
.jp-end-cnt{padding:10px;}

/*相关视频*/
.jp-end-relative,.jp-end-current,.jp-end-verticalLine{position:absolute;top:0;height:100%;}
.jp-end-verticalLine{height:94%;width:1px;left:332px;top:3%;border:1px solid #242424;border-top:none;border-bottom:none;background:#3e3e3e;overflow:hidden;}
.jp-end-relative{left:0;width:330px;}
.jp-end-bts{clear:both;text-align:center;}
.jp-end-prev,.jp-end-next{display:inline-block;width:26px;height:26px;margin:0 5px;background:url(media/media.png) no-repeat;cursor:pointer;}
.jp-end-prev{background-position:0 -196px;}
.jp-end-prev:hover{background-position:0 -224px;}
.jp-end-next{background-position:-30px -196px;}
.jp-end-next:hover{background-position:-30px -224px;}
.jp-end-rlist{height:284px;padding:10px 0;margin:0;list-style:none;overflow:hidden;}
.jp-end-rlist li{_display:inline;float:left;width:120px;margin:8px 2px 8px 25px;padding:0;}
.jp-end-rlink{display:block;width:100%;font-size:12px;text-align:center;color:#ccc;text-decoration:none;}
.jp-end-rlink:hover{text-decoration:underline;}
.jp-end-advertise .jp-end-rimg{width:100%;height:90px;}
.jp-end-rname, .jp-end-rnum{display:block;width:94%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jp-end-rnum{color:#999;}

/*当前视频信息*/
.jp-end-current{right:0;width:210px;}

.jp-current-msg{width:160px;margin:18px auto 0 auto;text-align:center;font-size:12px;}
.jp-end-advertise .jp-current-img{height:120px;width:160px;display:block;}
.jp-current-name{padding:5px 0 2px 0;}
.jp-current-name, .jp-current-num{display:block;width:94%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jp-current-num{color:#999;}

.jp-current-replay{display:block;width:110px;height:50px;margin:18px auto 36px auto;background:url(media/media.png) no-repeat 0 -92px;cursor:pointer;}
.jp-current-replay:hover{background-position:0 -144px;}

.jp-current-line{height:1px;border:1px solid #242424;border-right:none;border-left:none;background:#3e3e3e;overflow:hidden;}

.jp-current-close{display:none;position:absolute;top:5px;right:5px;width:15px;height:15px;background:url(media/media.png) no-repeat -114px -92px;overflow:hidden;}
.jp-current-close:hover{background-position:-114px -110px;}

.jp-current-share{padding-top:6px;font-size:12px;}
.jp-onekeyshare{float:left;padding-top:6px;padding-left:14px;color:#ccc;}


/*全屏的样式*/
.jp-video-full{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;padding:0;}
.jp-video-full .playFrame, .jp-video-full .playFrameMask{position:absolute;top:0;left:0;width:100%;height:100%;}
.jp-video-full .playFrameMask{background:#fff;opacity:0;filter:alpha(opacity=0);}
.jp-video-full .mediaControls{position:absolute;bottom:0;left:0;width:100%;background:#e8e8e8;}