/*html{
	font-size: 62.5%;	
	width: 62.5%;
	height: 62.5%;
}   
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	
}*/


/* V1.2052
 * z-index
 * 进度条：0
 * 缓存条：1
 * 进度点：2
 * 声音调节：4
 * 播放窗体：2
 * 弹幕控制栏：9
 * 底部基本控制栏：10
 * 
 * 
 * */

.vjH5-posiAb {
	position: absolute;
}

.vjH5-posiFi {
	position: fixed;
}

.vjH5-posiRe {
	position: relative;
}

.vjH5-rep-img {
	background-repeat: no-repeat;
	background-position: center;
}

.vjH5-fl-left {
	float: left;
}

.vjH5-fl-right {
	float: right;
}

.vjH5-box-center {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.vjH5-Box {
	/*width: 670px;
	height: 100%;*/
	font-size: 12px;
	color: #ffffff;
	background: #000000;
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 2;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.vjH5-wrapper video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


/*.vjH5-wrapper video::-webkit-media-controls-enclosure,
.vjH5-wrapper video::-moz-media-controls-enclosure{
    display: none !important;
}*/

.vjH5-centered {
	display: inline-block;
	vertical-align: middle;
}

.vjH5-contorlBar {
	width: 100%;
	background-image: url(../images/vjH5Player/bg2.png);
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	bottom: 0px;
	z-index: 10;
}

.vjH5-progressBar-box {
	top: -4px;
	width: 100%;
	height: 8px;
	min-height: 8px;
	left: 0px;
	overflow: hidden;
	cursor: pointer;
}

.vjH5-progressBar_befor {
	position: absolute;
	height: 5px;
	width: 0px;
	background: #11a4ff;
	border-radius: 5px;
	z-index: 1;
}

.vjH5-progressBar-after {
	position: absolute;
	top: 2px;
	height: 5px;
	width: 0px;
	background: #666666;
	border-radius: 5px;
	z-index: 0;
}

.vjH5-progressBar {
	margin-top: 2px;
	height: 5px;
	width: 100%;
	background: #999999;
	border-radius: 5px;
}

.vjH5-progressBar-a {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #11a4ff;
	box-shadow: 0 3px 3px #000000;
	z-index: 2;
}

.vjH5-contorl-icon-item {
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	height: 35px;
	width: 30px;
	cursor: pointer;
}

.vjH5-play,
.vjH5-pause {
	display: block;
	height: 30px;
	width: 40px;
	margin-top: 7.5px;
	cursor: pointer;
}

.vjH5-play,
.vjH5-pause {
	/*border-right: 1px solid #FFFFFF;*/
	background-image: url(../images/vjH5Player/play_up.png);
}

.vjH5-play:hover {
	background-image: url(../images/vjH5Player/play_over.png);
}

.vjH5-play:active {
	background-image: url(../images/vjH5Player/play_down.png);
}

.vjH5-pause {
	display: none;
	background-image: url(../images/vjH5Player/stop_up.png);
}

.vjH5-pause:hover {
	background-image: url(../images/vjH5Player/stop_over.png);
}

.vjH5-pause:active {
	background-image: url(../images/vjH5Player/stop_down.png);
}

.vjH5-next {
	background-image: url(../images/vjH5Player/next_up.png);
}

.vjH5-next:hover {
	background-image: url(../images/vjH5Player/next_over.png);
}

.vjH5-next:active {
	background-image: url(../images/vjH5Player/next_down.png);
}

.vjH5-contorl-time {
	display: block;
	margin-top: 16px;
	width: 120px;
	float: left;
	line-height: 15px;
	cursor: default;
}

.vjH5-play-status {
	margin-top: 15px;
	float: left;
	cursor: default;
}

.vjH5-play-status-title,
.vjH5-play-status-status {
	display: inline;
	float: left;
	line-height: 15px;
	height: 15px;
}

.vjH5-contorl-time-music {
	font-size: 14px;
	user-select: none;
	cursor: default;
}

.vjH5_fullscreen {
	background-image: url(../images/vjH5Player/fullScreen_up.png);
}

.vjH5_fullscreen:hover {
	background-image: url(../images/vjH5Player/fullScreen_over.png);
}

.vjH5_fullscreen:active {
	background-image: url(../images/vjH5Player/fullScreen_down.png);
}

.vjH5_Cfullscreen {
	display: none;
	background-image: url(../images/vjH5Player/closeFullScreen_up.png);
}

.vjH5_Cfullscreen:hover {
	background-image: url(../images/vjH5Player/closeFullScreen_over.png);
}

.vjH5_Cfullscreen:active {
	background-image: url(../images/vjH5Player/closeFullScreen_down.png);
}

.vjH5_volume {
	background-image: url(../images/vjH5Player/mute3_up.png);
}

.vjH5_volume:hover {
	background-image: url(../images/vjH5Player/mute3_over.png);
}

.vjH5_volume:active {
	background-image: url(../images/vjH5Player/mute3_down.png);
}

.vjH5_volume_down {
	display: none;
	background-image: url(../images/vjH5Player/mute_up.png);
}

.vjH5_volume_down:hover {
	background-image: url(../images/vjH5Player/mute_over.png);
}

.vjH5_volume_down:active {
	background-image: url(../images/vjH5Player/mute_down.png);
}

.vjH5-musicvolume-Box {
	margin-top: 5px;
	height: 35px;
	width: 80px;
	margin-right: 5px;
	position: relative;
}

.vjH5-musicvolume-bg {
	position: absolute;
	top: 15px;
	height: 4px;
	width: 100%;
	background: #C0C0C0;
	border-radius: 10px;
	cursor: pointer;
}

.vjH5-musicvolume-bf {
	position: absolute;
	height: 4px;
	width: 80%;
	background: #11a4ff;
	border-radius: 10px;
	cursor: pointer;
	z-index: 1;
}

.vjH5-musicvolume-a {
	position: absolute;
	margin-top: -2px;
	left: 60px;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #11a4ff;
	box-shadow: 0 3px 3px #000000;
	z-index: 2;
	cursor: pointer;
}

.vjH5-musicvolume-span {
	color: white;
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	display: block;
	top: 3px;
	left: 0px;
	height: 10px;
	user-select: none;
	cursor: default;
}

.vjH5_setting {
	background-image: url(../images/vjH5Player/setting_up.png);
}

.vjH5_setting:hover {
	background-image: url(../images/vjH5Player/setting_over.png);
}

.vjH5_setting:active {
	background-image: url(../images/vjH5Player/setting_down.png);
}

.nextCurrentbox {
	font-size: 14px;
	display: none;
	bottom: 50px;
	left: 0px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-image: url(../images/vjH5Player/bg2.png);
}

.vjH5-volume-Setting {
	display: none;
	width: 35px;
	height: 120px;
	right: 35px;
	bottom: 30px;
	z-index: 4;
}

.vjH5-volumeBox-Top {
	width: 35px;
	height: 115px;
	background-color: #33332e;
	border: .5px solid #ffffff;
}

.vjH5-volumeBox-Top ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vjH5-ulType {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vjH5-vol-top,
.vjH5-vol-bottom {
	width: 35px;
	height: 20px;
}

.vjH5-vol-top {
	background-image: url(../images/vjH5Player/volume/volumeTop.png);
}

.vjH5-vol-bottom {
	background-image: url(../images/vjH5Player/volume/volumeDown.png);
}

.vjH5-vol-center-box {
	width: 35px;
	height: 70px;
}

.vjH5-vol-center,
#vjH5volBar {
	/**音量背景滑条**/
	position: absolute;
	display: block;
	width: 4px !important;
	background: #1d1d1c;
	border-radius: 2px;
	margin-left: 15px;
	padding: 0 !important;
}

.vjH5-vol-center {
	/**音量背景滑条**/
	height: 70px;
	background: #ADADAD;
	/*background: #1d1d1c;*/
}

.vjH5-volBar {
	/**音量滑条**/
	background: #39b3fe;
	z-index: 2;
	height: 35px;
	margin-top: 35px;
}

.vjH5-volSelect {
	/**音量滑块**/
	cursor: pointer;
	width: 20px;
	height: 10px;
	background-image: url(../images/vjH5Player/volume/volumeSilder.png);
	top: 50px;
	margin: 0 7px;
	z-index: 4;
}

.vjH5-volSelect {
	/**音量滑块**/
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}

.vjH5-volumeBox-Bottom {
	width: 35px;
	height: 5px;
	background-image: url(../images/vjH5Player/1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px 5px;
	margin-top: -1px;
}

.vjH5-settingBox {
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 362px;
	height: 230px;
	/*cursor: move;*/
	background-color: #222222;
	border: 1px solid #8e8e8e;
	display: none;
	vertical-align: middle;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

.vjH5-alertBox {
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 80px;
	line-height: 80px;
	display: none;
	vertical-align: middle;
}

.vjH5-alertBox-background {
	width: 100%;
	height: 100%;
	background-color: #555555;
	border: 1px solid #8e8e8e;
	border-radius: 20px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 0;
}

.vjH5-alertBox-context {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 35px;
	font-weight: 900;
	z-index: 1;
}

.vjH5-settingBox-body {}

.vjH5-settingBox header {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #111111;
	margin-bottom: 5px;
}

.vjH5-settingBox header a {
	cursor: pointer;
	width: 70px;
	height: 40px;
	line-height: 40px;
	margin: 0 25px;
	display: block;
	float: left;
	text-align: center;
	color: #999999;
	font-size: 14px;
}

.vjH5-settingBox_a_disabled {
	color: #555555 !important;
}

.vjH5-settingBox header a:hover,
.vjH5-settingBox-header-sel {
	color: white !important;
	border-bottom: 1px solid #11A4FF;
}

.vjH5-settingBox-body ul,
.vjH5-ratio ul,
.vjH5-wise ul li,
.vjH5-clarityBoxTop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vjH5-settingBox-body ul li,
.vjH5-ratio ul,
.vjH5-wise ul li,
.vjH5-wise ul li span {
	height: 48px;
	line-height: 48px;
}

.vjH5-settingBox-body ul li {
	margin: 0;
}

.vjH5-settingBox-body ul li label {
	display: block;
	width: 100px;
	text-align: center;
	height: 48px;
	line-height: 48px !important;
	margin-bottom: 0;
}

.vjH5-settingBox-body ul li label,
.vjH5-settingBox-body ul li div,
.vjH5-ratio ul li {
	float: left;
}

.vjH5-ratio {
	width: 200px;
}

.vjH5-ratio ul li {
	margin-left: 10px;
}

.vjH5-ratio ul li input {
	cursor: pointer;
	vertical-align: middle;
	margin: 0;
}

.vjH5-frame-size,
.vjH5-brightnes-bg,
.vjH5-saturation-bg {
	width: 150px;
	height: 48px;
}

.vjH5-frame-size {
	float: left;
}

.vjH5-frame-size {
	background-repeat: no-repeat;
	background-position: center;
}

.vjH5-frame-size {
	background-size: 150px;
	background-image: url(../images/vjH5Player/schedule/scheduleBg.png);
}

.vjH5-frame-selSor {
	width: 150px;
	height: 9px;
	background: #39b3fe;
	margin-top: 20px;
	margin-left: 0px;
	border-radius: 10px;
	border: 1px solid #000000;
}

.vjH5-selSor {
	width: 0px;
}

.vjH5-frame-selSizeVideo {
	display: block;
	width: 20px;
	height: 30px;
	margin-top: 15px;
	left: 224px;
	background-image: url(../images/vjH5Player/schedule/scheduleSilder.png);
	cursor: pointer;
}

.vjH5-selSize {
	left: 90px;
}

.vjH5-frame-size-text {
	display: block;
	width: 40px;
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.vjH5-wise ul li {
	width: 100px;
}

.vjH5-clockwise,
.vjH5-anticlockwise {
	display: block;
	width: 40px;
	height: 48px;
	cursor: pointer;
}


/*顺时针*/

.vjH5-clockwise {
	/*background:transparent url(../images/vjH5Player/H5img.png) -630px -14px;*/
	background-image: url(../images/vjH5Player/clockwise_up.png);
}

.vjH5-clockwise:hover {
	/*background:transparent url(../images/vjH5Player/H5img.png) -630px -0px;*/
	background-image: url(../images/vjH5Player/clockwise_over.png);
}


/*逆时针*/

.vjH5-anticlockwise {
	background-image: url(../images/vjH5Player/anticlockwise_up.png);
}

.vjH5-anticlockwise:hover {
	background-image: url(../images/vjH5Player/anticlockwise_over.png);
}

.vjH5-settingBox-footer {
	width: 360px;
}

.vjH5-settingBox-footer nav {
	width: 360px;
	height: 40px;
	margin: 0 auto;
}

.vjH5-settingBox-footer nav a {
	display: block;
	width: 80px;
	height: 30px;
	margin: 5px 20px;
	float: left;
	text-align: center;
	line-height: 30px;
	color: #999999;
	cursor: pointer;
	background: #222222;
}

.vjH5-settingBox-footer nav a:hover {
	background: #333333;
	color: white !important;
}

.vjH5-settingBox-footer nav a:active {
	background: #111111;
	color: white !important;
}

.vjH5-brightnes-bg {
	background-image: url(../images/vjH5Player/slider/brightness.png);
	background-size: 150px;
}

.vjH5-saturation-bg {
	background-image: url(../images/vjH5Player/slider/saturate.png);
	background-size: 150px;
}

.vjH5-brightness {
	display: block;
	width: 20px;
	height: 30px;
	margin-top: 15px;
	left: 160px;
	background-image: url(../images/vjH5Player/schedule/scheduleSilder.png);
	cursor: pointer;
}

.vjH5-display-none {
	display: none;
}

.vjH5-display-block {
	display: block;
}

.vjH5-border-bottom {
	border-bottom: 1px solid #11A4FF;
}

.vjH5-subtitle {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
	-webkit-text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
	-moz-text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
	cursor: default;
}

.vjH5-setColor {
	width: 250px;
	height: 30px;
	margin-top: 15px;
}

.vjH5-yellow,
.vjH5-blue,
.vjH5-green,
.vjH5-cornflowerblue,
.vjH5-red,
.vjH5-palevioletred,
.vjH5-black,
.vjH5-white,
.vjH5-gray,
.vjH5-plum,
.vjH5-aqua,
.vjH5-fuchsia,
.vjH5-lime,
.vjH5-maroon,
.vjH5-navy,
.vjH5-olive,
.vjH5-purple,
.vjH5-silver,
.vjH5-teal {
	display: block;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.vjH5-color-beSelect,
.vjH5-yellow:hover,
.vjH5-blue:hover,
.vjH5-green:hover,
.vjH5-cornflowerblue:hover,
.vjH5-red:hover,
.vjH5-palevioletred:hover,
.vjH5-black:hover,
.vjH5-white:hover,
.vjH5-gray:hover,
.vjH5-plum:hover,
.vjH5-aqua:hover,
.vjH5-fuchsia:hover,
.vjH5-lime:hover,
.vjH5-maroon:hover,
.vjH5-navy:hover,
.vjH5-olive:hover,
.vjH5-purple:hover,
.vjH5-silver:hover,
.vjH5-teal:hover {
	width: 16px;
	height: 16px;
	border: 2px solid #39b3fe;
	box-shadow: 1px 1px 1px #000 inset, -1px -1px 1px #000 inset;
}

.vjH5-aqua {
	background: aqua;
	color: aqua;
}

.vjH5-blue {
	background: blue;
	color: blue;
}

.vjH5-black {
	background: black;
	color: black;
}

.vjH5-cornflowerblue {
	background: cornflowerblue;
	color: cornflowerblue;
}

.vjH5-fuchsia {
	background: fuchsia;
	color: fuchsia;
}

.vjH5-green {
	background: green;
	color: green;
}

.vjH5-gray {
	background: gray;
	color: gray;
}

.vjH5-lime {
	background: lime;
	color: lime;
}

.vjH5-maroon {
	background: maroon;
	color: maroon;
}

.vjH5-navy {
	background: navy;
	color: navy;
}

.vjH5-olive {
	background: olive;
	color: olive;
}

.vjH5-purple {
	background: purple;
	color: purple;
}

.vjH5-palevioletred {
	background: palevioletred;
	color: palevioletred;
}

.vjH5-plum {
	background: plum;
	color: plum;
}

.vjH5-red {
	background: red;
	color: red;
}

.vjH5-silver {
	background: silver;
	color: silver;
}

.vjH5-teal {
	background: teal;
	color: teal;
}

.vjH5-white {
	background: white;
	color: white;
}

.vjH5-yellow {
	background: yellow;
	color: yellow;
}

.vjH5_clarity {
	width: 40px;
	text-align: center;
	height: 18px;
	margin: 15px 5px 0;
	line-height: 18px;
	border-radius: 6px;
	background-color: #464646 !important;
	color: #cccccc !important;
}

.vjH5_clarity:hover {
	background-color: #cccccc !important;
	color: #333333 !important;
}

.vjH5_clarity:active {
	background-color: #404040 !important;
	color: #cccccc !important;
}

.vj_clarity_text {
	display: block;
	text-align: center;
}

.vjH5-claritySelect {
	width: 47px;
	height: 86px;
	bottom: 40px;
	overflow: hidden;
}

.vjH5-clarityBoxTop {
	width: 45px;
	height: 81px;
	background-color: #33332e;
	border: .5px solid #8e8e8e;
}

.vjH5-clarityBoxTop ul li {
	height: 27px;
	line-height: 27px;
	text-align: center;
	color: #ffffff;
}

.vjH5-clarityBoxTop ul li:hover {
	color: #11A4FF;
}

.vjH5-clarityBoxBottom {
	width: 45px;
	height: 5px;
	background-image: url(../images/vjH5Player/1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px 5px;
	margin-top: -1px;
}

.vjH5_print {
	background-image: url(../images/vjH5Player/cutOut_up.png);
}

.vjH5_print:hover {
	background-image: url(../images/vjH5Player/cutOut_over.png);
}

.vjH5_print:active {
	background-image: url(../images/vjH5Player/cutOut_down.png);
}


/******弹幕*********/

.vjH5-danmu-settingBox {
	left: 0px;
	right: 0px;
	margin-left: 10px;
	margin-right: auto;
	width: 225px;
	height: 270px;
	/*cursor: move;*/
	background-color: #1D1D1C;
	border: 1px solid #8e8e8e;
	/*display: inline-block;*/
	vertical-align: middle;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

.vjH5-danmu-font {
	font-size: 25px;
	font-weight: 700;
	text-shadow: black 2px 2px 1px;
	display: inline-block;
	color: white;
	z-index: 300;
	position: absolute;
	white-space: nowrap;
}

.showscreen {
	position: absolute;
	z-index: 999;
	cursor: pointer;
}

.showscreen canvas {
	border: 1px solid #8e8e8e;
	z-index: 9;
}

.showscreen a {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background-color: white;
	background-image: url(../images/vjH5Player/close_down.png);
	background-size: 20px 20px;
	top: 1px;
	right: 1px;
	z-index: 10;
	cursor: pointer;
}

.showscreen a:hover {
	background-image: url(../images/vjH5Player/close_over.png);
}

.vjH5-danmu-settingBox header {
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: #111111;
	margin-bottom: 5px;
}

.vjH5-danmu-settingBox header a {
	cursor: pointer;
	width: 75px;
	display: block;
	float: left;
	text-align: center;
	color: #999999;
}

.vjH5-danmu-settingBox header a:hover {
	color: white !important;
	border-bottom: 1px solid #11A4FF;
}

.vjH5-danmu-settingBox-body ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vjH5-danmu-settingBox-body ul li {
	height: 60px;
	line-height: 32px;
}

.vjH5-danmu-settingBox-body ul li.vjH5-danmu-settingBox-body-li {
	height: 32px;
	line-height: 32px;
}


/*SC--selectColor*/

.vjH5-danmu-settingBox-body-li-divSC {
	padding: 5px 0;
}

.vjH5-danmu-settingBox-body-li-divSC a {
	width: 20px;
	height: 20px;
	/*border: 1px solid gray;*/
	background-color: white;
	float: left;
	display: block;
}

.vjH5-danmu-settingBox-body-li-divSC input {
	margin-left: 4px;
	width: 92px;
	height: 20px;
	border: 0px;
	padding: 0px;
	float: left;
}


/*CB--colorBlock*/

.vjH5-danmu-settingBox-body-li-divCB {
	width: 100%;
	float: left;
}

.vjH5-danmu-settingBox-body-li-divCB span {
	margin-left: 80px;
	height: 24px;
	width: 120px;
	float: none;
	display: block;
}

.vjH5-danmu-settingBox-body ul li label {
	display: block;
	width: 80px;
	text-align: center;
}

.vjH5-danmu-settingBox-body ul li label,
.vjH5-danmu-settingBox-body ul li div {
	float: left;
}

.vjH5-danmu-settingBox-textImg-S,
.vjH5-danmu-settingBox-textImg-M,
.vjH5-danmu-settingBox-textImg-L {
	margin-top: 10px;
	background-image: url(../images/vjH5Player/large_up.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin-right: 20px;
	cursor: pointer;
}

.vjH5-danmu-settingBox-textImg-S:hover,
.vjH5-danmu-settingBox-textImg-M:hover,
.vjH5-danmu-settingBox-textImg-L:hover,
.vjH5-danmu-settingBox-textImg-sel {
	background-image: url(../images/vjH5Player/large_over.png);
}

.vjH5-danmu-settingBox-textImg-S {
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.vjH5-danmu-settingBox-textImg-S a {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 20px;
	line-height: 20px;
}

.vjH5-danmu-settingBox-textImg-M {
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
}

.vjH5-danmu-settingBox-textImg-M a {
	display: block;
	width: 25px;
	height: 20px;
	margin-top: 25px;
	line-height: 20px;
}

.vjH5-danmu-settingBox-textImg-L {
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}

.vjH5-danmu-settingBox-textImg-L a {
	display: block;
	width: 30px;
	height: 20px;
	margin-top: 30px;
	line-height: 20px;
}


/*PST--position*/

.vjH5-danmu-settingBox-PST-T,
.vjH5-danmu-settingBox-PST-M,
.vjH5-danmu-settingBox-PST-B {
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;
	cursor: pointer;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	text-align: center;
}

.vjH5-danmu-settingBox-PST-T a,
.vjH5-danmu-settingBox-PST-M a,
.vjH5-danmu-settingBox-PST-B a {
	display: block;
	width: 30px;
	height: 20px;
	margin-top: 30px;
	line-height: 20px;
}

.vjH5-danmu-settingBox-PST-T {
	background-image: url(../images/vjH5Player/top_up.png);
}

.vjH5-danmu-settingBox-PST-T:hover,
.vjH5-danmu-settingBox-PST-T-sel {
	background-image: url(../images/vjH5Player/top_over.png);
}

.vjH5-danmu-settingBox-PST-M {
	background-image: url(../images/vjH5Player/middle_up.png);
}

.vjH5-danmu-settingBox-PST-M:hover,
.vjH5-danmu-settingBox-PST-M-sel {
	background-image: url(../images/vjH5Player/middle_over.png);
}

.vjH5-danmu-settingBox-PST-B {
	background-image: url(../images/vjH5Player/bottom_up.png);
}

.vjH5-danmu-settingBox-PST-B:hover,
.vjH5-danmu-settingBox-PST-B-sel {
	background-image: url(../images/vjH5Player/bottom_over.png);
}


/*PB--屏蔽*/

.vjH5-danmu-settingBox-PB-tp,
.vjH5-danmu-settingBox-PB-cs,
.vjH5-danmu-settingBox-PB-dz,
.vjH5-danmu-settingBox-PB-zm {
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 12px;
	cursor: pointer;
	background-size: 30px 30px;
	width: 40px;
	height: 40px;
	text-align: center;
}

.vjH5-danmu-settingBox-PB-tp a,
.vjH5-danmu-settingBox-PB-cs a,
.vjH5-danmu-settingBox-PB-dz a,
.vjH5-danmu-settingBox-PB-zm a {
	display: block;
	width: 40px;
	height: 20px;
	margin-top: 40px;
	line-height: 20px;
}

.vjH5-danmu-settingBox-PB-tp {
	background-image: url(../images/vjH5Player/picture_up.png);
}

.vjH5-danmu-settingBox-PB-tp:hover,
.vjH5-danmu-settingBox-PB-tp-sel {
	background-image: url(../images/vjH5Player/picture_over.png);
}

.vjH5-danmu-settingBox-PB-cs {
	background-image: url(../images/vjH5Player/color_up.png);
}

.vjH5-danmu-settingBox-PB-cs:hover,
.vjH5-danmu-settingBox-PB-cs-sel {
	background-image: url(../images/vjH5Player/color_over.png);
}

.vjH5-danmu-settingBox-PB-dz {
	background-image: url(../images/vjH5Player/largeSize_up.png);
}

.vjH5-danmu-settingBox-PB-dz:hover,
.vjH5-danmu-settingBox-PB-dz-sel {
	background-image: url(../images/vjH5Player/largeSize_over.png);
}

.vjH5-danmu-settingBox-PB-zm {
	background-image: url(../images/vjH5Player/subtitle_up.png);
}

.vjH5-danmu-settingBox-PB-zm:hover,
.vjH5-danmu-settingBox-PB-zm-sel {
	background-image: url(../images/vjH5Player/subtitle_over.png);
}

.vjH5-danmu-frame-size {
	width: 100px;
	height: 30px;
	background-image: url(../images/vjH5Player/schedule/scheduleBg.png);
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px 10px;
	margin-right: 5px;
}

.vjH5-danmu-frame-selSor {
	width: 90px;
	height: 8px;
	background: #39b3fe;
	margin-top: 10px;
	margin-left: 0px;
	border-radius: 10px;
	border: 1px solid #000000;
}

.vjH5-danmu-frame-selSizeVideo {
	display: block;
	width: 20px;
	height: 30px;
	margin-top: 5px;
	left: 70px;
	background-image: url(../images/vjH5Player/schedule/scheduleSilder.png);
	cursor: pointer;
}

.vjH5-danmu-selSize {
	left: 95px;
}

.vjH5-danmu-frame-size-text {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}


/******侧栏菜单******/

.vjH5-sideMu ul li {
	margin: 5px 0 5px 0;
	height: 60px;
}

.vjH5-sideMu ul li div {
	cursor: pointer;
}

.vjH5-sideMu ul li div {
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

.vjH5-sideMu,
.vjH5-sideMu ul {
	width: 50px;
	border-radius: 15px 0 0 15px;
}

.vjH5-sideMu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
}

.vjH5-sideMu-bootom {
	width: 100%;
	margin: 0 auto;
}

.vjH5-sideMu {
	position: absolute;
	color: white;
	right: 0px;
	text-align: center;
	background-image: url(../images/vjH5Player/bg.png);
	z-index: 6;
	height: 72px;
	top: 0px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

.vjH5_sideMu_bottom {
	background-image: url(../images/vjH5Player/segmentation.png);
	height: 16px !important;
}

.vjH5-share {
	background-image: url(../images/vjH5Player/share_up.png);
}

.vjH5-share:hover {
	background-image: url(../images/vjH5Player/share_over.png);
}

.vjH5-share:active {
	background-image: url(../images/vjH5Player/share_down.png);
}

.vjH5-closeRight {
	background-image: url(../images/vjH5Player/douseGlim_up.png);
}

.vjH5-closeRight:hover {
	background-image: url(../images/vjH5Player/douseGlim_over.png);
}

.vjH5-speed {
	background-image: url(../images/vjH5Player/accelerator_up.png);
}

.vjH5-speed:hover {
	background-image: url(../images/vjH5Player/accelerator_over.png);
}

.vjH5-share-box {
	width: 350px;
	height: 160px;
	overflow: hidden;
	background-image: url(../images/vjH5Player/bg.png);
	border: 1.5px solid #ffffff;
	padding: 5px;
	z-index: 2;
	color: #ffffff;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.vjH5-menus-headerText {
	width: 100%;
	height: 28px;
}

.vjH5-menus-headerText span {
	display: block;
	float: left;
}

.vjH5-menus-headerText div,
.vjH5-menus-headerText div:hover {
	width: 15px;
	height: 15px;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 4px;
}

.vjH5-menus-headerText div {
	float: right;
	background-image: url(../images/vjH5Player/cloes.png);
}

.vjH5-menus-headerText div:hover {
	float: right;
	background-image: url(../images/vjH5Player/close_over.png);
}

.vjH5-menus-face2 {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-left: 12px;
	margin-top: 15px;
}

.vjH5-menus-face2 div {
	float: left;
	margin-right: 15px;
}

.vjH5-menusFont12 {
	font-size: 12px;
}

.vjH5-menus-size {
	width: 160px;
	height: 18px;
	background: #FFFFFF;
	font-size: 9px;
	color: #000000;
	overflow: hidden;
}

.vjH5-menus-size input {
	width: 160px;
	height: 18px;
	padding: 0;
	border: 0;
	-moz-user-select: text;
	/*火狐*/
	-webkit-user-select: text;
	/*webkit浏览器*/
	-ms-user-select: text;
	/*IE10*/
	-khtml-user-select: text;
	/*早期浏览器*/
	user-select: text;
	cursor: text;
}

.vjH5-menusShare-footer {
	width: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	background: -webkit-linear-gradient(top, #333333, #000000);
	background: -moz-linear-gradient(top, #333333, #000000);
	background: -ms-linear-gradient(top, #333333, #000000);
	cursor: pointer;
}

.vjH5-menusShare-copy-hover {
	text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0 1px #8B4513, 0 1px 1px #8B4513, 0 -1px 1px #8B4513, -1px 0 1px #8B4513;
}

.vjH5-share-text {
	width: 70px;
	text-align: right;
}

.vjH5-copy-tips {
	width: 120px;
	height: 20px;
	color: #FFFFFF;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.2);
}

.vjH5-copy-tips-wrap {
	color: #FFFFFF;
	padding: 5px 0px;
	text-align: center;
	border: 1px solid #F4D9A6;
	background-color: #000000;
}

.vjH5-barrageBox {
	width: 320px;
	height: auto;
	bottom: 60px;
	margin-left: 10px;
	border: 1px solid #8e8e8e;
	background-color: #333333;
	border-radius: 6px;
	z-index: 1;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

.vjH5-barrageBoxLeft {
	color: #000000;
	width: 100%;
}

.vjH5-barrageBoxLeft input {
	width: 60%;
	height: 16px;
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 4px;
	border-radius: 0;
	float: left;
	/*background-image: url(../images/vjH5Player/bg.png);*/
}

.vjH5-barrageBtn {
	display: block;
	width: 30px;
	height: 22px;
	line-height: 22px;
	background: #11a4ff;
	margin-top: 4px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.vjH5-barrageBtn:active {
	color: black;
}

.vjH5-barrageBoxCenter,
.vjH5-barrageBoxRight-off,
.vjH5-barrageBoxRight-on {
	position: relative;
	height: 22px;
	margin-top: 4px;
	margin-left: 5px;
	cursor: pointer;
}

.vjH5-barrageBoxCenter {
	width: 35px;
	line-height: 22px;
	text-align: center;
	background-color: #464646;
	color: #cccccc;
}


/*.vjH5-barrageBoxCenter-sel{
	color: white !important;
	background-color: #11a4ff !important;
}
.vjH5-barrageBoxCenter-sel:hover{
    background-color: #cccccc  !important;
    color: #333333  !important;
}*/

.vjH5-barrageBoxCenter:active {
	color: #cccccc !important;
	background-color: #404040 !important;
}

.vjH5-barrageBoxCenter:hover {
	background-color: #cccccc;
	color: #333333;
}

.vjH5-barrageBtn:active {}

.vjH5-barrageBoxRight-off {
	width: 40px;
	background-image: url(../images/vjH5Player/OFF.png);
}

.vjH5-barrageBoxRight-on {
	width: 40px;
	background-image: url(../images/vjH5Player/ON.png);
}

.vjH5_barrage {
	width: 40px;
	text-align: center;
	height: 18px;
	margin: 15px 5px 0;
	line-height: 18px;
	border-radius: 6px;
	background-color: #464646 !important;
	color: #cccccc !important;
}

.vjH5_barrage:hover {
	background-color: #cccccc !important;
	color: #333333 !important;
}

.vjH5_barrage:active {
	background-color: #404040 !important;
	color: #cccccc !important;
}

.vjH5-showlistbox {
	font-size: 12px;
	color: #ffffff;
	background: #000000;
	width: 320px;
	height: 100%;
	right: 0;
}

.vjH5-putUp {
	width: 15px;
	height: 100%;
	float: left;
	background: #33332E;
}

.vjH5-putUp-a,
.vjH5-putUp-a2 {
	width: 12px;
	height: 12px;
	top: 0;
	bottom: 0;
	margin: auto 1px;
	background-size: 12px;
	cursor: pointer;
}

.vjH5-putUp-a {
	background-image: url(../images/vjH5Player/recover.png);
}

.vjH5-putUp-a2 {
	background-image: url(../images/vjH5Player/stretch.png);
	display: none;
}

.vjH5-showlistmain {
	width: 304px;
	height: 100%;
	background: #383838;
	border-left: 1px solid #222222;
}

.vjH5-showlistmain-header {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #000000;
}

.vjH5-showlistmain-header-item {
	width: 50%;
	text-align: center;
}

.vjH5-showlist-time-left,
.vjH5-showlist-time-right {
	height: 58px;
	width: 25px;
	background-size: 10px;
	cursor: pointer;
}

.vjH5-showlist-time-left {
	border-right: 1px solid #222222;
	background-image: url(../images/vjH5Player/left_up.png);
}

.vjH5-showlist-time-right {
	right: 0px;
	top: 35px;
	background-image: url(../images/vjH5Player/right_up.png);
}

.vjH5-showlist-dataList {
	height: 58px;
	width: 260px;
	overflow-y: hidden;
	margin: 0 0px 0 0px;
}

.vjH5-showlist-time {
	height: 58px;
	width: 62px;
}

.vjH5-showlist-time-sel {
	color: #11A4FF !important;
}

.vjH5-showlist-time label {
	display: block;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin: 0px 0px 0 0px;
}

.vjH5-showlist-time-border {
	border-right: 1px solid #222222;
}

.vjH5-showlist-time-border:hover {
	background: #11A4FF;
	color: white !important;
}

.vjH5-showlist-time-border:active {
	background: #313131;
	color: #11A4FF !important;
}

.vjH5-program-list {
	width: 305px;
	position: absolute;
	top: 124px;
	bottom: 41px;
	overflow: auto;
	right: 0px;
	border-top: 1px solid #222222;
	/*
	margin-right:0px;
    */
}

.vjH5-channels {
	bottom: 0;
	width: 304px;
	height: 40px;
	background: #4d4d4d;
	z-index: 0;
}

.vjH5-channels-left {
	height: 40px;
	width: 20px;
	cursor: pointer;
	background-size: 10px;
	background-image: url(../images/vjH5Player/left_up.png);
}

.vjH5-channels-right {
	height: 40px;
	width: 20px;
	cursor: pointer;
	background-size: 10px;
	background-image: url(../images/vjH5Player/right_up.png);
}

.vjH5-channels-box {
	height: 32px;
	width: 260px;
	margin-top: 4px;
	margin-left: 4px;
	overflow: hidden;
}

.vjH5-channels-box ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.vjH5-channels-box ul li {
	height: 32px;
	width: 49.5px;
	float: left;
	line-height: 34px;
	text-align: center;
	background-color: #313131;
	margin-right: 2px;
	cursor: pointer;
	margin-bottom: 5px;
}

.vjH5-channels-click-sel a {
	color: #11A4FF !important;
}

.vjH5-channels-box ul li a {
	display: block;
	cursor: pointer;
	color: #ffffff;
}

.vjH5-watchLive {
	width: 305px;
	right: 0px;
	position: absolute;
	height: 30px;
	line-height: 30px;
	top: 93px;
	border-top: 1px solid #222222;
}

.vjH5-watchLive a {
	display: block;
	height: 30px;
	text-decoration: none;
	float: right;
	margin-right: 5px;
	color: white;
	cursor: pointer;
}

.vjH5-watchLive-sel a {
	color: #11A4FF !important;
}

.vjH5-program-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.vjH5-program-list ul li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #222222;
}

.vjH5-program-list ul li:hover {
	background-color: #11A4FF !important;
}

.vjH5-program-list ul li:hover a {
	background-image: url(../images/vjH5Player/right_up.png);
}

.vjH5-program-list ul li:active {
	background-color: #0080FF !important;
	color: black;
}

.vjH5-program-item a {
	display: block;
	height: 38px;
	width: 40px;
	float: left;
	background-size: 10px;
	cursor: pointer;
}

.vjH5-program-item-sel {
	background-color: #11A4FF !important;
}

.vjH5-program-item-sel a {
	background-image: url(../images/vjH5Player/right_up.png);
}

.vjH5-program-item-time,
.vjH5-program-item-label {
	float: left;
	margin-right: 20px;
	width: 100px;
}


/*问题模块*/

.vjH5-questionBox-bg-glass {
	background-color: #808080;
	z-index: 11;
	width: 100%;
	height: 100%;
}

.vjH5-questionBox {
	margin-left: auto;
	margin-right: auto;
	background-color: #313131;
	border: 1px solid #ffffff;
	width: 500px;
	/*height: 400px;*/
	vertical-align: middle;
	z-index: 12;
}

.vjH5-questionBox header {
	width: 100%;
	height: 30px;
	line-height: 40px;
}

.vjH5-questionBox header a {
	cursor: default;
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	color: white;
}

.vjH5-questionBox-body {
	/*width: 40px;
	height: 17px;
	margin-left: 1px;
	background:transparent url(../images/vjH5Player/H5img.png) -784px -1px;*/
}

.vjH5-questionBox-body-q {
	margin: 0px 20px;
	padding: 10px 0;
}

.vjH5-questionBox-body-q p {
	margin: 0;
	text-indent: 2em;
}

.vjH5-questionBox-body-q img {
	height: 200px;
	max-width: 460px;
	cursor: pointer;
}

.vjH5-questionBox-body-a {
	padding: 0 20px 10px;
}

.vjH5-questionBox-body-a ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
}

.vjH5-questionBox-body-a li {
	list-style-type: none;
	float: left;
	margin-bottom: 10px;
	width: 225px;
}

.vjH5-questionBox-body-a input {
	vertical-align: middle;
	margin-bottom: 4px;
}

.vjH5-questionBox-body-a textarea {
	width: 100%;
	height: 50px;
	resize: none;
	/*固定大小*/
}

.vjH5-questionBox footer {
	position: absolute;
	width: 500px;
	height: 30px;
}

.vjH5-questionBox footer nav {
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	zoom: 1;
	width: 180px;
}

.vjH5-questionBox footer nav a {
	border: 1px solid #ffffff;
	cursor: pointer;
	line-height: 20px;
	width: 50px;
	display: block;
	text-align: center;
	color: white;
	float: left;
	margin: 0 4px;
}

.vjH5-advertisementBox {
	background-color: black;
	width: 400px;
	height: 300px;
	border: 1px solid #ffffff;
}

.vjH5-advertisementBox-body {
	width: 100%;
	height: 100%;
}

.vjH5-advertisementBox-body img {
	width: 100%;
	height: 100%;
}

.vjH5-advertisementBox-close {
	position: absolute;
	display: block;
	width: 30px;
	height: 20px;
	line-height: 20px;
	background-color: black;
	opacity: 0.5;
	/*透明度*/
	text-align: center;
	background-size: 20px 20px;
	top: 0px;
	right: 0px;
	z-index: 1;
	cursor: pointer;
}

.vjH5-advertisementBox-timer {
	position: absolute;
	display: block;
	width: 30px;
	height: 20px;
	line-height: 20px;
	background-color: black;
	opacity: 0.5;
	/*透明度*/
	text-align: center;
	background-size: 20px 20px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	cursor: pointer;
}

.vjH5-advertisementBox-close:hover {
	opacity: 1;
	/*透明度*/
}


/* videoInfoView */

.vjH5_videoInfoView {}

.vjH5_videoInfoView_thumbnail {}

.vjH5_videoInfoView_durationLabel {}

.vjH5_videoInfoView_titleLabel {}

.vjH5_videoInfoView_infoLabel {}


/* relatedVideoView */

.vjH5_related {
	width: 60px;
	text-align: center;
	height: 18px;
	margin: 15px 5px 0;
	line-height: 18px;
	border-radius: 6px;
	background-color: #464646 !important;
	color: #cccccc !important;
}

.vjH5_related:hover {
	background-color: #cccccc !important;
	color: #333333 !important;
}

.vjH5_related:active {
	background-color: #404040 !important;
	color: #cccccc !important;
}

.vjH5_relatedVideoView {
	background-color: rgba(0, 0, 0, 1);
	color: #ffffff;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 700px;
	height: 500px;
	border: 1px solid white;
	border-radius: 5px;
}

.vjH5_relatedVideoView_titleLabel {
	margin: 20px 10px 10px;
	font-size: 14px;
	height: 20px;
}

.vjH5_relatedVideoView_body_l {
	float: left;
	width: 405px;
	margin-right: 20px;
	height: 500px;
}

.vjH5_relatedVideoView_body_r {
	float: left;
	width: 275px;
	height: 500px;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	/*background-color: #F5F5F5;  */
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

.vjH5_relatedVideoView_list {
	width: 400px;
	height: 440px;
	margin: 0px 0 0 5px;
	border-radius: 5px;
	overflow: hidden;
}

.vjH5_relatedVideoView_list:hover {
	OVERFLOW-Y: auto;
	OVERFLOW-X: hidden;
}

.vjH5_relatedVideoView_list li {
	list-style-type: none;
	width: 375px;
	height: 100px;
	background-color: black;
	padding: 4px;
	border: 1px solid white;
	border-radius: 5px;
	margin: 5px 5px 0;
	float: left;
}

.vjH5_relatedVideoView_list_l {
	float: left;
	position: relative;
}

.vjH5_relatedVideoView_list_l img {
	width: 150px;
	height: 100px;
}

.vjH5_relatedVideoView_list_l span {
	position: absolute;
	top: 80px;
	right: 5px;
	font-size: 16px;
	font-weight: 500;
	font-family: "微软雅黑";
	color: white;
}

.vjH5_relatedVideoView_list_l_under {
	position: absolute;
	background-color: black;
	width: 150px;
	height: 20px;
	top: 80px;
	opacity: 0.6;
}

.vjH5_relatedVideoView_list_r {
	float: left;
	position: relative;
	width: 215px;
	height: 100px;
	margin-left: 5px;
}

.vjH5_relatedVideoView_list_r p {
	color: white;
	width: 215px;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 0 0;
}

.vjH5_relatedVideoView_list_r span {
	position: absolute;
	color: #ADADAD;
	bottom: 0px;
	font-size: 14px;
}

.vjH5_relatedVideoView_previousBtn {}

.vjH5_relatedVideoView_nextBtn {}

.vjH5_relatedVideoView_pageLabel {}

.vjH5_relatedVideoView_shareBtn {
	display: block;
	background: url(../images/vjH5Player/relatedVideo/share_up.png) no-repeat;
	width: 101px;
	height: 44px;
	margin: 10px 10px;
	position: absolute;
	bottom: 0px;
	right: 111px;
}

.vjH5_relatedVideoView_replayBtn {
	display: block;
	background: url(../images/vjH5Player/relatedVideo/replay_up.png) no-repeat;
	width: 101px;
	height: 44px;
	margin: 10px 10px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.vjH5_relatedVideoView_nextLabel {
	margin: 20px 10px 10px;
	font-size: 14px;
	height: 20px;
}

.vjH5_relatedVideoView_nextBox {
	float: left;
	margin: 5px 10px;
	padding: 4px;
	border: 1px solid white;
	min-height: 230px;
	position: relative;
	border-radius: 5px;
}

.vjH5_relatedVideoView_nextImage {
	display: block;
	width: 240px;
	height: 180px;
	background-color: white;
}

.vjH5_relatedVideoView_nextTitle {
	color: white;
	font-size: 18px;
	font-weight: 700;
	margin: 5px 0 0 10px;
}

.vjH5_relatedVideoView_nextInfo {
	/*position: absolute;*/
	margin: 10px 0 0 10px;
	color: #C0C0C0;
	font-size: 14px;
}

.vjH5_playmusic {
	background: url(../images/vjH5Player/playMusic_bg.jpg) repeat scroll top left;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

.vjH5_playmusic_black {
	background-color: black;
	width: 100%;
	height: 100%;
}


/*mobile*/


/*时移回放播放列表*/

.vjH5-mobile-program-list {
	background-color: white;
	border: 1px solid #000;
}

.vjH5-mobile-program-list-header {
	height: 30px;
	background-color: #33b4d4;
	line-height: 30px;
}

.vjH5-mobile-program-list-header span {
	margin-left: 5px;
	float: left;
}

.vjH5-mobile-program-list-header a {
	float: right;
	margin-right: 5px;
	color: black;
}

.vjH5-mobile-program-list-body {
	height: 230px;
	width: 100%;
}

.vjH5-mobile-program-list-body-item {
	height: 200px;
	overflow: auto;
}

.vjH5-mobile-program-list-body-item-fl {
	float: left;
}

.vjH5-mobile-program-list-body-item-fr {
	float: right;
}

.vjH5-mobile-program-list-body-item ul {
	margin: 0;
	padding: 0px;
}

.vjH5-mobile-program-list-body-item li {
	float: left;
	list-style-type: none;
	line-height: 25px;
	padding: 0 10px;
	font-size: 12px;
	width: 100%;
}

.vjH5-mobile-program-list-body-item-gary {
	background-color: #CCCCCC;
}

.vjH5-mobile-program-list-body-item-sel {
	background-color: #39B3FE;
}

.vjH5-mobile-program-list-date {
	text-align: center;
	background-color: #33b4d4;
	height: 30px;
	line-height: 30px;
}

.vjH5-mobile-program-list-date li {
	list-style-type: none;
}

.vjH5-mobile-program-list-date-sel {
	background-color: #383838;
	color: white;
}

.vjH5-mobile-program-list-date span {
	float: left;
	width: 20%;
}

.vjH5-mobile-program-list-date a {
	float: left;
	width: 10%;
	color: black;
}

.vjH5-mobile-program-list-date a:active {
	color: white;
	background-color: black;
}


/*中间的播放按钮*/

.vjH5-center-playbtn {
	display: block;
	background: url(../images/vjH5Player/playBig_up.png) no-repeat;
	width: 52px;
	height: 53px;
	position: absolute;
	cursor: pointer;
	z-index: 6;
	top: 0px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

.vrReadmeBg {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 7;
	cursor: pointer;
	background-color: #222222;
	opacity: 0.8;
}

.vrReadme {
	display: block;
	width: 150px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 6;
	left: 0px;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.vrReadme span {
	font-size: 22px;
	display: block;
	width: 100%;
	line-height: 22px;
	text-align: center;
	color: white;
}