/* 播放器窗体 */
.bvp-playerPop li {
	list-style: none;
}


/* video 列表项 */
.bvp-video-list-wrapper {
	width: 940px;
	padding: 0px 0px 0px 24px !important;
	margin: 0px !important;	
	box-shadow: 0px 0px 0px 0px #FFFFFF !important;
	/*background: #B3ACA7 !important;*/
	position: relative !important;
}


/* video 详情页容器 */
.bvp-video-page-wrapper {
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;	
	box-shadow: 0px 0px 0px 0px #FFFFFF !important;
	/*background: #B3ACA7 !important;*/
	position: relative !important;
}

/* video 列表项 */
.bvp-video-list {
	display: flex;	
	flex-wrap: wrap;
}

/* video 列表项 空数据 */
.bvp-video-list-nodata { 
	width: 320px;
	min-height: 30px;
	background: url(../images/basePlayer/no_data.png) no-repeat center 3px;

	margin: 0 auto;
	padding-top: 270px;
	font-size: 14px;
	font-family: "microsoft yahei";
	text-align: center;
	color: #999999;	
}

/* video 列表项 */
.bvp-video-item {
	/* display: block; */
	position: relative;
	cursor: pointer;
	width: 288px;
	/*height: 220px; *//*cotb下 很容易导致加高了容器*/ 
	font-family: "microsoft yahei";
	margin: 0px 16px 24px 0px;
	
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
	/*background: #004DA7;*/
}

.bvp-video-item.IE9 {	
	border: 1px solid #D9D9D9 !important;
}


/* video 列表项 图片*/
.bvp-video-item img{
	width: 288px;
	height: 162px;
	margin: 0px !important;
	background: url(../images/basePlayer/placeholder2.png) no-repeat center center;
	background-color: #F5F5F5;	
}

/* video 列表项 标题*/
.bvp-video-item .bvp-video-title {
	width: 288px;
	height: 50px;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	vertical-align: middle;
	margin: 0px !important;
	
	/*
	 * 采取上下居中，必然无法超长字符串 自动截断。而且 margin无效
	margin: 0px 12px 6px 12px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
	
	display: table-cell;
	padding: 0px 12px 3px 12px !important;
	/*background: red;*/
	
	box-sizing: content-box !important;
}

/* video 列表项 标题*/
.bvp-video-item:hover .bvp-video-title {
	color:  #D7000F ;
}

/* 视频列表项 遮罩层 */
.bvp-video-item .bvp-video-item-masklayer {
	position: absolute;
	margin: 0px ;
	top: 0px;
	left: 0px;
	width: 288px;
	height: 162px;
	/*background: #F5F5F5;*/
}

/* loading 遮罩层 */
.bvp-video-item:hover .bvp-video-item-masklayer {
	background-color: #000000;
	opacity: 0.35;	
}

/* 视频列表项 播放图片 */
.bvp-video-item .bvp-video-item-masklayer2 {
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 288px;
	height: 162px;
}

.bvp-video-item:hover .bvp-video-item-masklayer2 {
	background: url(../images/basePlayer/video_hover.png) no-repeat center center;
}

/* video 列表项 介绍*/
.bvp-video-item .bvp-video-explain {
	background-color: #d2ff07;
	font-size: 14px;
	margin: 0px;
	margin-top: 5px;
	/* display: block; */
}

/* video 播放器 样式 */
.bvp-video {
	cursor: pointer;
	width: 100%;
	height: 100%;
}

/* 播放器容器 */
.bvp-video-wrapper {
	position: absolute;
}

.bvp-playerPop {
	width: 800px;
	height: 450px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0;
	padding: 0;
	margin: 0;
	/* background-color: #323232; */
	overflow: hidden;
	cursor: pointer;
}

.bvp-playerPop .bvp-inset {
	width: 100%;
	height: 100%;
	/* text-align: center; */
	position: relative;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
}

.bvp-playerPop .bvp-playerbody {
	width: 100%;
	height: 100%;
}

/* 播放控制器 */
.bvp-player-control {
	height: 40px;
	width: 100%;
	position: absolute;
	z-index: 101;
	bottom: -40px;
	background-color: #000000;
	font-size: 12px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s;
}

.bvp-play-btn {
	width: 55px;
	position: absolute;
	left: 0px;
	top: 8px;
	height: 100%;
}

.bvp-play-process {
	top: 8px;
	margin-left: 60px;
	margin-right: 208px;
	height: 100%;
	position: relative;
}

.bvp-play-process-all {
	height: 3px;
	background-color: #D8D8D8;
	position: relative;
	top: 11px;
	left: 0px;
}

/* 播放进度条 */
.bvp-play-process-drag {
	position: absolute;
	width: 0px;
	height: 3px;
	/*border-radius: 1.5px;
	background-color: #FF4D3B;*/
	background-color: #D7000F;
	top: 11px;
	left: 0px;
}

/* 播放进度条按钮 */
.bvp-play-process-btn {
	display: block;
	position: absolute;
	width: 14px;
	height: 8px;
	top: 8.2px;
	left: -6px;
	background-color: #dbdbdb;
	border-radius: 3px;
	border: 0.5px solid black;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s;
}

.bvp-play-process-btn-hover {
	background-color: #FF4D3B;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s;
}

.bvp-play-msg {
	position: absolute;
	right: 0px;
	top: 8px;
	width: 200px;
	height: 100%;
}

.bvp-play-time {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	text-align: center;
	height: 25px;
	line-height: 24px;
	color: #BCBCBC;
	font-family: 微软雅黑;
	font-size: 12px;
}

.bvp-play-sound {
	display: block;
	height: 100%;
	position: relative;
	margin-left: 90px;
}

/* 音频开关 容器 */
.bvp-play-sound-switch {
	width: 20px;
	height: 25px;
	float: left;
	position: relative;
}

/* 音量高低条总长 */
.bvp-play-sound-wrapper {
	height: 25px;
	width: 60px;
	float: left;
	position: relative;
}

.bvp-play-sound-all {
	height: 2px;
	background-color: #D8D8D8;
	margin-top: 0px;
	position: relative;
	top: 10px;
}

.bvp-play-sound-drag {
	position: absolute;
	width: 9px;
	height: 3px;
	/*border-radius: 1.5px;
	background-color: #FF4D3B;*/
	background-color: #D7000F;
	top: 10px;
	left: 0px;
}

/* 音量高低条按钮 */
.bvp-play-sound-btn {
	display: block;
	position: absolute;
	top: 7.2px;
	left: 0px;
	width: 10px;
	height: 7px;
	border-radius: 3px;
	background-color: #dbdbdb;
	border: 0.5px solid black;
}

/* .bvp-play-sound-btn-hover {
	display: block;
	position: absolute;
	top: 7.1px;
	left: 0px;
	display: none;
} */
.bvp-play-screen {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 25px;
}
.bvp-play-screen.IE9 {
	display: none !important;
}

.bvp-play-start {
	display: inline-block;
	margin-left: 13px;
	margin-top: 7px;
	position: absolute;
}

.bvp-play-start-hover {
	position: absolute;
	margin-left: 13px;
	margin-top: 7px;
	display: none;
}

/* .bvp-play-pause {
	display: inline-block;
	width: 9px;
	height: 11px;
	margin-left: 13px;
	margin-top: 7px;
} */

/* 播放按钮容器 */
.bvp-play-btn-wrapper {
	width: 100%;
	height: 25px;
}

.bvp-play-stop {
	display: inline-block;
	margin-left: 6px;
	margin-top: 7px;
	position: absolute;
}

.bvp-play-stop-hover {
	margin-left: 6px;
	margin-top: 7px;
	position: absolute;
	display: none;
}

.bvp-play-sound-on {
	display: inline-block;
	margin-top: 6px;
	margin-left: 2px;
	position: absolute;
}

.bvp-play-sound-on-hover {
	display: inline-block;
	margin-top: 6px;
	margin-left: 2px;
	position: absolute;
	display: none;
}

/* .bvp-play-sound-off {
	display: inline-block;
	margin-top: 7px;
	margin-left: 2px;
	position: absolute;
}
.bvp-play-sound-off-hover {
	display: inline-block;
	margin-top: 7px;
	margin-left: 2px;
	position: absolute;
	display: none;
} */
/* 全屏开关 */
.bvp-play-screen-not-full {
	display: inline-block;
	margin-top: 6px;
	margin-left: 10px;
	position: absolute;
}

.bvp-play-screen-not-full.IE9 {
	display: none !important;
}

.bvp-play-screen-not-full-hover {
	display: inline-block;
	margin-top: 6px;
	margin-left: 10px;
	position: absolute;
	display: none;
}

.bvp-play-screen-not-full-hover.IE9 {
	display: none !important;
}

/* .bvp-play-screen-full {
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
	position: absolute;
}
.bvp-play-screen-full-hover {
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
	position: absolute;
	display: none;
} */
/* 启动按钮 容器*/
.bvp-start-wrapper-btn {
	position: absolute;
	
	left:-moz-calc(50% - 104px / 2);
	left:-webkit-calc(50% - 104px / 2);
	left: calc(50% - 104px / 2);
	
	top:-moz-calc(50% - 104px / 2 + 10px);
	top:-webkit-calc(50% - 104px / 2 + 10px);
	top: calc(50% - 104px / 2 + 10px);
	
	width: 104px;
	height: 104px;
}

/* 启动按钮图片 */
.bvp-play-sym {
	position: absolute;
	z-index: 10000;
	cursor: pointer;
	display: none;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s;
}

/* 启动按钮图片 鼠标悬停状态*/
.bvp-play-sym-hover {
	position: absolute;
	z-index: 10000;
	cursor: pointer;
	display: none;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* Firefox 4 */
	-webkit-transition: all 0.5s;
	/* Safari 和 Chrome */
	-o-transition: all 0.5s;
}

/* 视频播放器顶级容器 */
.bvp-cotbPlayer {
	background-color: #F5F5F5 ;
	width: 864px;
	height: 486px;
}


/* 视频播放器顶级容器 */
.bvp-cotbPlayer-IE8 {
	background-color: #323232 ;
}


/* esc 提示 */
.bvp-play-sym-esc-btn {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 88px;
	height: 22px;
	font-family: "microsoft yahei";
	color: #FFFFFF;
	font-size: 14px;
	background: rgba(0,0,0,0.6);
	text-align: center;
}


/* 首页 */
.bvp-play-sym-cover {
	/*position: absolute;*/
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/basePlayer/placeholder.png) no-repeat center center;
}


/* loading 遮罩层 */
.bvp-play-sym-masklayer {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.48;
}

/* loading 图 */
.bvp-play-sym-loading {
	width: 100px;
	height: 170px;
	position: absolute;
	
	left:-moz-calc(50% - 100px / 2);
	left:-webkit-calc(50% - 100px / 2);
	left: calc(50% - 100px / 2);
	
	top:-moz-calc(50% - 170px / 2);
	top:-webkit-calc(50% - 170px / 2);
	top: calc(50% - 170px / 2);
}


/* 占位图 */
.bvp-play-sym-placeholder {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: "microsoft yahei";
	color:  #FFFFFF ;
	font-size:16px;
}

.bvp-play-sym-placeholder-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

/* 按钮容器 */
.bvp-btn-wrapper {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}

/* .bvp-close-video {
	position: absolute;
	left: 800px;
	top: 0px;
	width: 58px;
	height: 58px;
}
.bvp-close-img {
	position: absolute;
}
.bvp-close-video-normal-hover {
	display: none;
} */

/* 以下应该是动画样式 */
.bvp-animate {
	animation: bvp-Animation 1s linear infinite;
	-webkit-animation: bvp-Animation 1s linear infinite;
	/*Safari and Chrome*/
	-moz-animation: bvp-Animation 1s linear infinite;
	/* Firefox 4 */
	-o-animation: bvp-Animation 1s linear infinite;
}

@keyframes bvp-Animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes bvp-Animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


@-moz-keyframes bvp-Animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes bvp-Animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.bvp-h5{
	font-family: "microsoft yahei";
	font-weight: bold;
	line-height: 40px;
	font-size: 16px;	
	color: #000000;
	width: 100%;
	height: 40px;
	background: #EEEEEE;
	padding-left: 18px;
	/*text-decoration: underline;*/
}

.bvp-h2{
	font-family: "microsoft yahei";
	font-weight: bold;
	border: 0px;
	margin-top: 22px;
	margin-bottom: 24px;
	padding-left: 16px;
	font-size: 24px;	
	color: #D7000F;
	/*background: #00B9E8;*/
}

.bvp-h2:before{		
	content: "|";
	position: absolute;
	left: 0px;
}


.bvp-h2-2{
	font-family: "microsoft yahei";
	font-weight: bold;
	border: 0px;
	margin-top: 0px !important;
	margin-bottom: 9px;
	padding-left: 16px;
	font-size: 24px;	
	color: #D7000F;
	/*background: #00B9E8;*/
}

.bvp-h2-2:before{		
	position: absolute;
	content: "|";
	/*position: inherit;*/
	left: 24px;
}

.bvp-hr{		
	border: 0.5px solid #D9D9D9;
	margin: 0px 0px 24px 0px;
	width: calc(100% - 20px);
}

/*