.vjs-custom-skin
	display: inline-block
.vjs-custom-skin > .video-js	
	font-family: 'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft YaHei', '微软雅黑', sans-serif
.vjs-custom-skin > .video-js .vjs-menu-button-inline.vjs-slider-active, .vjs-custom-skin > .video-js .vjs-menu-button-inline:focus, .vjs-custom-skin > .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline
	width: 10em
.vjs-custom-skin > .video-js .vjs-controls-disabled .vjs-big-play-button
	display: none !important
.vjs-custom-skin > .video-js .vjs-control
	width: 3em
.vjs-custom-skin > .video-js .vjs-control.vjs-live-control
	width: auto
	padding-left: 0.5em
	letter-spacing: 0.1em
.vjs-custom-skin > .video-js .vjs-menu-button-inline:before
	width: 1.5em
.vjs-menu-button-inline .vjs-menu
	left: 3em
.vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button, .video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button
	display: block
.vjs-custom-skin > .video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button
	display: none !important
.vjs-custom-skin > .video-js .vjs-mouse-display:after, .vjs-custom-skin > .video-js .vjs-play-progress:after
	padding: 0 0.4em 0.3em
.video-js.vjs-ended .vjs-loading-spinner
	display: none
.video-js.vjs-ended .vjs-big-play-button
	display: block !important
.video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button
	display: block
.vjs-custom-skin > .video-js .vjs-big-play-button
	top: 50%
	left: 50%
	margin-left: -1.5em
	margin-top: -1em
.vjs-custom-skin > .video-js .vjs-big-play-button
	background-color: rgba(0, 0, 0, 0.45)
	font-size: 3.5em
	height: 2em !important
	line-height: 2em !important
	margin-top: -1em !important
	border-radius: 99px
	width: 2em
	margin-left: -1em
.video-js:hover .vjs-big-play-button, .vjs-custom-skin > .video-js .vjs-big-play-button:focus, .vjs-custom-skin > .video-js .vjs-big-play-button:active
	background-color: rgba(255, 255, 255, 0.1)
.vjs-custom-skin > .video-js .vjs-loading-spinner
	border-color: rgba(36, 131, 213, 0.8)
.vjs-custom-skin > .video-js .vjs-control-bar
	color: #ffffff
	font-size: 14px
.vjs-custom-skin > .video-js .vjs-play-progress, .vjs-custom-skin > .video-js .vjs-volume-level
	background-color: #2483d5
.vjs-custom-skin > .video-js .vjs-play-progress:before
	top: -0.3em
.vjs-custom-skin > .video-js .vjs-progress-control:hover .vjs-progress-holder
	font-size: 1.3em
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu
	left: 0em
.vjs-custom-skin > .video-js .vjs-menu li
	padding: 0
	line-height: 2em
	font-size: 1.1em
	font-family: 'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft YaHei', '微软雅黑', sans-serif
.vjs-custom-skin > .video-js .vjs-time-tooltip, .vjs-custom-skin > .video-js .vjs-mouse-display:after, .vjs-custom-skin > .video-js .vjs-play-progress:after
	border-radius: 0
	font-size: 1em
	padding: 0
	width: 3em
	height: 1.5em
	line-height: 1.5em
	top: -3em
.vjs-custom-skin > .video-js .vjs-menu-button-popup .vjs-menu
	width: 5em
	left: -1em
.vjs-custom-skin > .video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu
	left: 0
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-menu
	order: 4
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus,.vjs-big-play-button,.vjs-tech:focus
	outline: none
/* 排序顺序 */
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-play-control
	order: 0
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-time-control
	min-width: 1em
	padding: 0
	margin: 0 0.1em
	text-align: center
	display: block
	order: 1
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value
	font-size: 1.2em
	line-height: 2.4
.vjs-custom-skin > .video-js .vjs-progress-control.vjs-control
	order: 2
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-volume-menu-button
	order: 3
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button
	order: 4
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label
	display: block
	line-height: 3em
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate
	order: 5
.vjs-custom-skin > .video-js .vjs-control-bar .vjs-fullscreen-control
	order: 6