.vp_player {}
.vp_play, .vp_vol_btn{
	cursor: pointer;
}
.vp_player.skin1 {
	position: relative;
	width: 100%;
	background: #000000;
	float: left;
}


.vp_player.skin1 .vp_controls {
	position: relative;
	z-index:1;
	clear: both;
	height: 26px;
	background-color:#DDDDDD;
	width: 100%;
	float: left;
}
.touch .vp_player.skin1 .vp_controls {
	position:relative;
	clear: both;
	height: 35px;
	width: 100%;
	float: left;
}

.vp_player.skin1 .vp_play {
	display: block;
	width: 26px;
	height: 26px;
	margin-left: 4px;
	margin-top: 0px;
	margin-right: 8px;
	float: left;
}
.touch .vp_player.skin1 .vp_play {
	display: block;
	width: 35px;
	height: 35px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 8px;
	float: left;
}
.vp_player.skin1 .vp_play_btn {
	width: 26px;
	height: 26px;
	font-family:icons;
	font-size:18px;
	position:relative;
	text-align:center;
	line-height:23px;
	color:#666666;
}
.touch .vp_player.skin1 .vp_play_btn {
	width: 35px;
	height: 35px;
	font-size:26px;
	line-height:30px;
}
.vp_player.skin1 video {
	background: #000000;
	float: left;
}

.vp_player.skin1 .vp_play_btn:hover {
	color:#BB0000;
}
.vp_player.skin1 .vp_pb {
	position:absolute;
	left:40px;
	width:calc(100% - 190px);
	height: 4px;
	margin-top: 11px;
	background-color: #BB0000;
	float: left;
}
.touch .vp_player.skin1 .vp_pb {
	position:absolute;
	left:50px;
	width:calc(100% - 280px);
	height: 4px;
	margin-top: 16px;
	float: left;
}
.vp_player.skin1 .vp_pb .ui-slider-range {
	width: 0px;
	left:1px;
	height: 4px;
	background-color: #999999;
}
.touch .vp_player.skin1 .vp_pb .ui-slider-range {
	width: 0px;
	left:1px;
	height: 4px;
}
.vp_player.skin1 .vp_seek {
	cursor: pointer;
	position:absolute;
	z-index:4;
	left:40px;
	width:calc(100% - 190px);
	height: 14px;
	top: 6px;
	float: left;
}
.touch .vp_player.skin1 .vp_seek {
	cursor: pointer;
	position:absolute;
	z-index:4;
	left:50px;
	width:calc(100% - 280px);
	height: 16px;
	top: 10px;
	float: left;
}
.vp_player.skin1 .vp_seek .ui-slider-handle {
	cursor: pointer;
	width: 8px;
	height: 14px;
	top: 0px;
	background-color:#999999;
}
.touch .vp_player.skin1 .vp_seek .ui-slider-handle {
	cursor: pointer;
	width: 10px;
	height: 18px;
	top: -1px;
}

.vp_player.skin1 .vp_seek .ui-slider-handle.ui-state-hover {
}
.vp_player.skin1 .vp_seek .ui-slider-range {
	background: #333333;
	top:5px;
	height:4px;
}
.touch .vp_player.skin1 .vp_seek .ui-slider-range {
	top:6px;
}

.vp_player.skin1 .vp_timer {
	line-height:16px;
	position:absolute;
	right:60px;
	cursor:default;
	margin-top: 5px;
	margin-left: 10px;
	color: #666666;
	font-size: 12px;
	font-family:Verdana;
	float: left;
}
.touch .vp_player.skin1 .vp_timer {
	line-height:14px;
	position:absolute;
	right:88px;
	cursor:default;
	margin-top: 11px;
	margin-left: 10px;
	font-size: 19px;
	font-family:Verdana;
	/*font-weight:bold;*/
	float: left;
}

.vp_player.skin1 .vp_volbox {
	overflow:hidden;
	cursor:default;
	z-index:5;
	position: absolute;
	/*bottom: 0px;*/
	right: 32px;
	width: 26px;
	height: 26px;
	background-color:#DDDDDD;
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}
.touch .vp_player.skin1 .vp_volbox {
	overflow:hidden;
	cursor:default;
	z-index:5;
	position: absolute;
	/*bottom: 0px;*/
	right: 40px;
	width: 35px;
	height: 35px;
}
.vp_player.skin1 .vp_volbox:hover {	
	background-color:#DDDDDD;
	width: 148px;
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}
.touch .vp_player.skin1 .vp_volbox:hover {	
	width:calc(100% - 45px);
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}

.vp_player.skin1 .vp_volbox:hover .vp_volslid {
	cursor: pointer;
	visibility: visible;
}
.vp_player.skin1 .vp_volslid {	
	cursor:default;
	position: absolute;
	height: 4px;
	width: 100px;
	right: 36px;
	top: 11px;
	background: #999999;
}
.touch .vp_player.skin1 .vp_volslid {	
	cursor:default;
	position: absolute;
	height: 4px;
	width: calc(100% - 60px);
	right: 45px;
	top: 16px;
}
.vp_player.skin1 .vp_volslid .ui-slider-handle {
	cursor: pointer;
	width: 8px;
	height: 14px;
	top:-5px;
	margin-bottom:-1px;
	margin-left:0px;
	background-color:#999999;
}
.touch .vp_player.skin1 .vp_volslid .ui-slider-handle {
	cursor: pointer;
	width: 10px;
	height: 18px;
	top:-7px;
	margin-left:-5px;
}
.vp_player.skin1 .vp_volslid .ui-slider-handle.ui-state-hover {
}
.vp_player.skin1 .vp_volslid .ui-slider-range {
	cursor: pointer;
}

.vp_player.skin1 .vp_vol_btn{
	position: absolute;
	/*bottom: 0px;*/
	right: 0px;
	display: block;
	width: 26px;
	height: 26px;
	z-index:6;
	font-family:icons;
	font-size:20px;
	text-align:center;
	line-height:23px;
	color:#666666;
}
.touch .vp_player.skin1 .vp_vol_btn{
	/*bottom: 0px;*/
	right: 0px;
	width: 35px;
	height: 35px;
	font-size:26px;
	line-height:34px;
}
.vp_player.skin1 .vp_vol_btn:hover {
	color:#BB0000;
}

.vp_player.skin1 .vp_fs {
	display: block;
	width: 26px;
	height: 26px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 6px;
	right:0px;
	text-align:center;
}
.vp_player.skin1 .vp_fs_btn {
	cursor:pointer;
	z-index:7;
	position: absolute;
	width: 26px;
	height: 26px;
	color:#666666;
	font-family:icons;
	font-size:18px;
	line-height:23px;
}
.vp_player.skin1 .vp_fs_btn:hover{
	color:#BB0000;
}

.vp_player.skin1 .vp_fs_btnna {
	cursor:not-allowed;
	z-index:7;
	position: absolute;
	width: 26px;
	height: 26px;
	color:#AAAAAA;
	font-family:icons;
	font-size:18px;
	line-height:23px;
}

.touch .vp_player.skin1 .vp_fs_btn {
	width: 35px;
	height: 35px;
	font-size:26px;
	line-height:30px;
}
.touch .vp_player.skin1 .vp_fs_btnna {
	width: 35px;
	height: 35px;
	font-size:26px;
	line-height:30px;
}
.touch .vp_player.skin1 .vp_fs_btn:hover{
	color:#BB0000;
}


.vp_player.skin1 .vp_volonoff {
}
.vp_player.skin1 .vp_volonoff:hover {
}
.touch .vp_player.skin1 .vp_volonoff {
}
.touch .vp_player.skin1 .vp_volonoff:hover {
}


.ui-slider-handle {
	position: absolute;
	z-index: 2;
	display: block;
	margin-left:-4px;
	cursor:default;
	outline: none;
}

.ui-slider-range {
	display:block;
	width:100%;	
	height:100%;
	left:0px;
	bottom: 0px;
	border:0 none;
	position:absolute;
	z-index:1;
}