.video-player {}
.video-play, .volume-button {
	cursor: pointer;
}
.video-timer {
	cursor: default;
}

/*Start of circle*/
.video-player.circle{
	position:absolute;
}

.video-player.circle .bevel{
	width:0px;
	height:0px;
	display:none;
}

.video-circle-controls{
	z-index : 50;
    top: 2px;
    background : rgba(0,0,0,0.2);	
	cursor:hand;
}

.video-circle-play{
	width: 22px;
	height: 28px;
	position:absolute;
	margin:auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url(icon/video-circle.png) no-repeat -10px -39px;	
	z-index:120;
	cursor:hand;
	-moz-transition: all 0.2s ease-in-out; /* Firefox */
	-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out;  /* Opera */
	transition: all 0.2s ease-in-out; 
}

.video-paused-button {
	background: url(icon/video-circle.png) no-repeat -43px -41px;
}

.video-circle-play:hover {	
    opacity: 1;
}


/* volume button */

.video-circle-volume-button {
	margin-top:7px;
	right:50px;
	position : absolute;
	display: block;
	width: 15px;
	height: 15px;
	background: url(icon/video-circle.png) no-repeat -6px -6px;
}

.video-circle-volume-mute {
	background: url(icon/video-circle.png) no-repeat -32px -6px;
}

/*fullscreen*/
.video-circle-player-fullscreen {
	margin-top:7px;
	right : 15px;
	display: block;
	width: 15px;
	height: 15px;
	position : absolute;
	background: url(icon/video-circle.png) no-repeat -57px -6px;
}

.video-circle-exit-fullscreen {
	background: url(icon/video-circle.png) no-repeat -79px -6px;
}

/*video seek*/
/* seek */
.video-circle-seek {
	position:absolute;		
	width: 70px;
	height: 70px;
	margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 50%;
    background: rgba(0,0,0,0.7);
    z-index: 50;
    
}
.video-circle-time{
	position:absolute;		
	width: 55px;
	height: 35px;
	margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: red;
    
}
.video-circle-range{
	position:absolute;
	top:0px;
	left:0px;
	width:60px;
	height:60px;
	z-index:1;
	margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 50%;
    border:2px solid white;
    z-index: 100;
	z-index:2;
}

/*Start of default*/
.video-player.default{
	position:absolute;
}

.video-player.default .bevel{
	width:0px;
	height:0px;
	display:none;
}

.video-player.default .video-controls{
	position: absolute;
	z-index : 2;
	visibility: hidden;
	opacity: 0;

	width: 100%;
	left:0px;
	bottom : 4px;
	height:30px;
	background:#222222;
	
	-moz-transition: all 0.2s ease-in-out; /* Firefox */