.coverStoryData {
	min-height: 300px;
}

.titleDiv {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.cnTitle {
	font-weight: 700;
	color: #0d84b6;
	line-height: 24px;
}

.enTitle {
	color: #7b7b7b;
	line-height: 24px;
}

.coverStoryData hr {
	position: relative;
	top: -25px;
	color: #d8e1e5;
}

.innovationStory {
	line-height: 30px;
	white-space: pre-wrap;
}

.detailImg {
	width: 100%;
	box-shadow: 0 0 10px rgb(0 0 0/ 20%);
	border: 1px solid #edeaea;
}

.guestDiv {
	height: auto;
	box-shadow: 0 0 10px rgb(0 0 0/ 20%);
	border: 1px solid #edeaea;
	border-radius: 10px;
	padding: 20px;
}

.guestDiv .media-object {
	width: 82px;
	height: 82px;
	border-radius: 50%;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.guestDiv .media-heading span {
	font-size: 16px;
	font-weight: 700;
}

.guestInstitution {
	margin-top: 20px;
	display: grid;
}

.guestInstitution p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.detailImg {
	border: 1px solid #d1d6dc;
	width: 100%;
}

.understand {
	margin-bottom: 20px;
	clear: both;
}

.understand b {
	color: #4898c1;
}

.articleInfo {
	background: #e6f4fa;
	border: 1px solid #7bccf1;
	padding: 20px;
	margin-top: 20px;
}

.articleInfo p, a {
	word-break: break-all;
}
#articleInfoText p{
	word-break: break-word;
}
.operation {
	background-color: #ececec;
	padding:5px;
	margin-top:20px;
	color: #959595;
	font-size: 12px;
	border: 1px solid #c8cccf;
	text-align: center;
}

.operation a {
	color: #959595;
}
.operation a.on {
	color: #049fe2;
}
.operation a.on .zan {
	background: url(../images/zan_04.png) center no-repeat;
	background-size: 100% 100%;
}
#guestInstitutionTitle {
	position: absolute;
	color: #ffffff;
	width: 500px;
	min-height: 48px;
	font-size: 14px;
	padding: 8px;
	background: rgba(13, 132, 182, 0.8);
	border: solid 1px #e9f7f6;
	border-radius: 5px;
	flex-wrap: nowrap;
	white-space: pre-wrap;
}
.commentBox {
	border: 1px solid rgb(221, 221, 221);
	margin-top: 15px !important;;
}
.commentBox .input-group{
padding: 20px;
}
.commentBox h4 {
    margin: 0;
    background: #eeeeee;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-weight: bold;
}
.commentBox ul {
    padding: 10px 20px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #ddd;
}
.commentBox ul b {
    color: #333;
}
.commentBox ul li {
    line-height: 30px;
}
@media ( max-width : 768px) {
	.coverStoryData img {
		height: auto;
	}
	.coverStoryData .col-md-3 {
		margin-bottom: 30px;
	}
	#dataList {
		padding: 0px;
	}
	#articleInfoText{
	display: inline-block !important;
	}
	.guestDiv {
		height: auto !important;
		margin-bottom: 5px;
		padding: 10px;
	}
	.operation {
		padding: 10px;
	}
	.innovationStoryDiv .col-md-4{
	    margin-bottom: 15px;
	    }
	.operation .flex_item {
		margin-top:0px;
	}
}

.m {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
}

/* 暂停时显示播放按钮 */
.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button
	{
	display: block;
}
/* 进度显示当前播放时间 */
.video-js .vjs-time-control {
	display: block;
}

.video-js .vjs-remaining-time {
	display: none;
}

.video-js .vjs-big-play-button {
	font-size: 2.5em;
	line-height: 2.3em;
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5);
	border-width: 0.15em;
	margin-top: -1.25em;
	margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
	font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
	font-size: 2.5em;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	margin-top: -1em;
	margin-left: -1.5em;
}


#my-video_html5_api:focus {
	outline: 0;
}