@charset "utf-8";

/* css document */

/* css document */
.wrap {
	width: 100%;
	min-width: 1280px;
	height: auto;
	float: left;
}
.wrap .wrap-main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 70px;
}
/*录课*/

.c-plate {
	width: 100%;
	height: 204px;
	border-radius: 2px;
	background: #fff;
	margin-bottom: 10px;
}

.c-plate .plate-left {
	width: 900px;
	height: auto;
	float: left;
	margin-left: 20px;
	margin-top: 25px;
}

.c-plate .plate-left .pic {
	width: 160px;
	height: 160px;
	float: left;
}

.c-plate .plate-left .pic img {
	width: 160px;
	height: 160px;
	float: left;
	overflow: hidden;
}

.c-plate .plate-left .pic .mask {
	width: 100%;
	height: 32px;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	margin-top: -32px;
	float: left;
}

.c-plate .plate-left .pic .mask p {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
}

.c-plate .plate-left .pic .mask:hover {
	cursor: pointer;
}

.c-plate .plate-left .plate-info {
	width: 710px;
	float: left;
	margin-left: 30px;
}

.c-plate .plate-left .plate-info .info-top {
	width: 100%;
	height: 90px;
	float: left;
}

.c-plate .plate-left .plate-info .info-top h5 {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}

.c-plate .plate-left .plate-info .info-top h5 a {
	font-size: 18px;
	color: #222;
}

.c-plate .plate-left .plate-info .info-top h5 a:hover {
	color: #00a2ac;
	text-decoration: underline;
}

.c-plate .plate-left .plate-info .info-top span {
	width: 100%;
	float: left;
	font-size: 14px;
	padding-bottom: 4px;
}

.c-plate .plate-left .plate-info .info-top span em {
	float: left;
	color: #222;
	font-style: normal;
	padding-right: 3px;
}

.c-plate .plate-left .plate-info .info-top span a {
	float: left;
	color: #666;
}

.c-plate .plate-left .plate-info .info-top span a.line {
	width: 1px;
	height: 15px;
	background: #666;
	margin: 4px 10px 0 10px;
}

.c-plate .plate-left .plate-info .info-bottom {
	width: 100%;
	float: left;
	margin-top: 25px;
}

.c-plate .plate-left .plate-info .info-bottom span {
	width: 100%;
	float: left;
	font-size: 14px;
	padding-bottom: 6px;
}

.c-plate .plate-left .plate-info .info-bottom span em {
	float: left;
	color: #222;
	font-style: normal;
	padding-right: 3px;
}

.c-plate .plate-left .plate-info .info-bottom span a {
	float: left;
	color: #666;
	padding-right: 25px;
}

.c-plate .plate-right {
	width: 260px;
	float: right;
	margin-right: 20px;
	margin-top: 25px;
}

.c-plate .plate-right p {
	float: left;
	padding-top: 120px;
	padding-left: 210px;
}

.c-plate .plate-right p a {
	float: left;
	font-size: 14px;
	color: #aaa;
}

.c-plate .plate-right p a i {
	width: 12px;
	height: 12px;
	float: left;
	background: url(../../image/match/lk-icon.png) -10px -10px no-repeat;
	margin-right: 5px;
	margin-top: 4px;
}

.c-plate .plate-right p a.line {
	width: 1px;
	height: 15px;
	background: #aaa;
	margin: 3px 10px 0 10px;
}

.c-plate .plate-right p a:hover {
	color: #00a2ac;
	text-decoration: underline;
	cursor: pointer;
}

.c-plate .plate-right p a:hover i {
	width: 12px;
	height: 12px;
	float: left;
	background: url(../../image/match/lk-icon.png) -60px -10px no-repeat;
}

.c-plate .plate-right dl {
	float: right;
}

.c-plate .plate-right dl dd {
	float: left;
	margin-left: 20px;
}

.c-plate .plate-right dl dd.kdj {
	cursor: pointer;
}

.c-plate .plate-right dl i.xz-icon {
	float: left;
	width: 17px;
	height: 19px;
	background: url(../../image/match/xz-icon.png) no-repeat;
	margin: 3px 5px 0 0;
}

.c-plate .plate-right dl dd em {
	font-size: 12px;
	color: #666;
	font-family: arial;
	font-style: normal;
	float: left;
	padding-top: 5px;
}

.c-plate .plate-right dl dd.kdj:hover i.xz-icon{
    background: url(../../image/match/xz-icon-hover.png) no-repeat;
}
.c-plate .plate-right dl dd.kdj:hover em{
    color: #00a2ac;
}

.c-plate .plate-right dl dd i.praise {
	width: 20px;
	height: 20px;
	float: left;
	background: url(../../image/match/lesson-plan-icon.png) -10px -10px no-repeat;
	margin-right: 5px;
}

.c-plate .plate-right dl dd i.praise:hover {
	cursor: pointer;
}

.c-plate .plate-right dl dd i.praise.active {
	width: 20px;
	height: 20px;
	float: left;
	background: url(../../image/match/lesson-plan-icon.png) -70px -10px no-repeat;
	margin-right: 5px;
}

.c-plate .plate-right dl dd i.pl {
	width: 22px;
	height: 19px;
	float: left;
	background: url(../../image/match/lesson-plan-icon.png) -10px -110px no-repeat;
	margin-right: 5px;
	margin-top: 2px;
}

.c-plate .plate-right dl dd i.share {
	width: 23px;
	height: 19px;
	float: left;
	background: url(../../image/match/lesson-plan-icon.png) -10px -60px no-repeat;
	margin-right: 5px;
	margin-top: 3px;
}

.c-plate .plate-right dl dd:hover i.share {
	width: 23px;
	height: 19px;
	float: left;
	background: url(../../image/match/lesson-plan-icon.png) -70px -60px no-repeat;
	margin-right: 5px;
	margin-top: 3px;
	cursor: pointer;
}

.c-plate .plate-right dl dd:hover em.share {
	color: #00a2ac;
	cursor: pointer;
}

.c-plate .plate-right dl dd em {
	font-size: 14px;
	color: #666;
	font-family: "微软雅黑";
	font-style: normal;
	float: left;
	padding-top: 2px;
}


/*录课视频*/

.course-video {
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 2px;
	float: left;
	margin-bottom: 10px;
}

.course-video .course-video-ct {
	width: 1170px;
	min-height: 350px;
	max-height: 657px;
	margin: 30px 20px 40px 15px;
}

.course-video .course-video-ct .no-upload-course {
	width: 100%;
	float: left;
}

.course-video .course-video-ct .no-upload-course img {
	width: 82px;
	margin: 0 auto;
	display: block;
	margin-top: 85px;
}

.course-video .course-video-ct .no-upload-course p {
	font-size: 16px;
	color: #666;
	text-align: center;
	padding-top: 15px;
}

.course-video .course-video-ct .no-upload-course button {
	width: 194px;
	height: 37px;
	line-height: 37px;
	border-radius: 3px;
	background: #00a2ac;
	font-size: 18px;
	color: #fff;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
}

.course-video .course-video-ct .no-upload-course button:hover {
	background: #0098a1;
}


/*分析研讨*/

.discussion {
	width: 100%;
	max-height: 877px;
	background: #fff;
	float: left;
	border-radius: 2px;
	margin-bottom: 100px;
}

.discussion .comment {
	width: 1162px;
	max-height: 818px;
	background: #f6f6f6;
	border: none;
	display: block;
	box-shadow: none;
	margin: 20px 20px 40px 20px;
}

.discussion .comment .comment-main .pl-main .pl-main-list .pl-content {
	width: 1050px;
}
/*隐藏视频播放的下载按钮*/
video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% +  30px);
}