.jp-player-screen {
    position: relative;
}

.jp-video-play {
    display: block;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    background: rgba(0,0,0,0.4); */
    
    cursor: pointer;
}
	
.jp-video-play-button {	
    display: block;
	position: absolute;
    z-index: 840;

    top: 50%;
    left: 50%;
	
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: rgba(0,0,0,0.15);
    border-radius: 6px;
    
    color: #f9f9f9;
    opacity: 0.8;    
    
    font-size: 6em;
    text-align: center;
    line-height: 120px;
    text-shadow: none;

}

.jp-interface {
	position: relative;
    width: 100%;
    overflow: hidden;
    
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    text-align: center;
    vertical-align: baseline;

    background: #1b1b1b;
    color: #fff;
    
    z-index: 100;
}
.jp-mini .jp-interface {
	height: 60px;
}
.jp-audio .jp-interface {
	max-width: 550px;
}

.jp-video-full .jp-interface {
	position: absolute;
	bottom: -50px;
	height: 60px;
	transition: all 0.5s ease-out 0s;
}
.jp-video-full .jp-interface:hover, .jp-video-full .jp-interface-hovered {
    bottom: 0;
}
.jp-video-full .jp-progress {
    top: 0;
    margin: 0!important;
    border-radius: 0;   
    height: 20px;
}


.jp-playpause {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 0;
	bottom: 0;
	cursor: pointer;	
}
.jp-current-time {
    position: absolute;
    height: 40px;
    width: 60px;
    left: 40px;
    bottom: 0;
    
    font-size: 16px;
}
.jp-mini .jp-current-time:after {
	content: ' / ';
}

.jp-progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    top: 17px;
    
    margin: 0 220px 0 100px;
    width: auto;
    overflow: hidden;
    
    background: none repeat scroll 0 0 #606060;
    border-radius: 2px;    
}
.jp-audio .jp-progress {
	margin-right: 180px;
}
.jp-mini .jp-progress {
    top: 0;
    margin: 0!important;
    border-radius: 0;   
    height: 20px;
}


.jp-seek-bar {
    background: none repeat scroll 0 0 #808080;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.jp-play-bar {
    background: none repeat scroll 0 0 #0082b2;
    display: block;
    height: 100%;
    padding: 0;
    position: relative;    
}

.jp-duration {
    position: absolute;
    height: 40px;
    width: 60px;
    right: 160px;
    bottom: 0;
    font-size: 16px;    
}
.jp-audio .jp-duration {
	right: 120px;
}
.jp-mini .jp-duration {
    right: auto;
    left: 100px;
    text-align: left;
}

.jp-volume {
	position: absolute;
    height: 40px;
    width: 120px;
    right: 40px;
    bottom: 0;    
}
.jp-audio .jp-volume {
	right: 0;
}

.jp-volume-button {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 0;
    bottom: 0;
}

.jp-volume-bar {    
    position: absolute;
    width: 70px;
    left: 40px;
    
    cursor: pointer;
    overflow: hidden;

    height: 6px;
    margin-top: 17px; /* (40-6)/2 */
    
    background: none repeat scroll 0 0 #808080;
    border-radius: 2px;             
}
.jp-volume-bar-value {
	display: block;
    height: 100%;
	
	background: none repeat scroll 0 0 #0082b2;
    width: 50%;
}

.jp-fullrestore {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    bottom: 0;
}


@font-face {
    font-family: 'ibs_av_jp_s1d';
    src:url('fonts/ibs_av_jp_s1d.eot?nx3gfx');
    src:url('fonts/ibs_av_jp_s1d.eot?#iefixnx3gfx') format('embedded-opentype'),
        url('fonts/ibs_av_jp_s1d.woff?nx3gfx') format('woff'),
        url('fonts/ibs_av_jp_s1d.ttf?nx3gfx') format('truetype'),
        url('fonts/ibs_av_jp_s1d.svg?nx3gfx#ibs_av_jp_s1d') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* [class^="jp-icons"], [class*=" jp-icons"] { */
.jp-icons {
    font-family: 'ibs_av_jp_s1d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* line-height: 1; */

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jp-icons-video-play:before {
    content: "\66";
}
.jp-icons-loading {
	animation: anim-rotate 2s infinite linear;
}
.jp-icons-video-loading {
    animation: anim-rotate 2s infinite linear;
}

/* .jp-icons-loading--steps1 {
    animation: anim-rotate 1s infinite steps(8);
}
.jp-icons-loading--steps2 {
    animation: anim-rotate 1s infinite steps(12);
}
 */
.jp-icons-loading:before {
    content: "\e600";
}
.jp-icons-video-loading:before {
    content: "\e600";
}
.jp-icons-fullscreen:before {
    content: "\e601";
}
.jp-icons-fullscreen-exit:before {
    content: "\e602";
}
.jp-icons-play:before {
    content: "\e603";
}
.jp-icons-pause:before {
    content: "\e604";
}
.jp-icons-volume-high:before {
    content: "\e605";
}
.jp-icons-volume-medium:before {
    content: "\e606";
}
.jp-icons-volume-low:before {
    content: "\e608";
}
.jp-icons-volume-min:before {
    content: "\e609";
}
.jp-icons-volume-mute:before {
    content: "\e607";
}

@keyframes anim-rotate {
	0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}