body {
	background: #eeeff0;
	font-family: 'microsoft yahei', '΢ÈíÑźÚ', 'Microsoft YaHei', Arial,
		sans-serif, Helvetica;
}

#content-container {
	margin-top: 40px;
}

#main-body {
	background-color: #ffffff;
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #e1e1e1;
}

#div-media {
	padding: 5px;
}
#div-media>a{
	max-height: 225px;
	max-width: 400px;
}
#div-a>a>img {
	height:100%;
	width:100%;
}

#div-media-body {
	padding-left: 20px;
	padding-top: 10px;
	position: relative;
	height: 225px;
}

.list-title {
	font-size: 18px;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.4;
	color: #666666;
}

#div-media-body-intro {
	margin-top: 7px;
}

#div-media-body-intro p {
	color: gray;
	font-size: 15px;
	text-indent: 2em;
	height: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-bottom: 4px;
}

#div-media-body-button {
	margin-bottom: 0px;
	margin-right: 16%;
	text-align:right;
}

#share {
	margin-top: 3px;
	padding-bottom: 5px;
}

#div-body {
	margin-top: 20px;
}

#div-body-panel {
	margin-left: 5px;
}

.div-body-panel-tab {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
}

.div-body-panel-list {
	font-size: 18px;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.4;
	color: #666666;
	margin-bottom: 15px;
}

.div-body-panel-list-detail {
	display: block;
	line-height: 1.6;
	padding-top: 15px;
	padding-bottom: 10px;
	border-top: 1px
}

.div-body-panel-list-detail>a {
	float: left;
	margin-left: 8px;
}

.div-body-panel-list-detail>span {
	float: right;
	margin-right: 10px;
}

#tab-pane-comment {
	margin-bottom: 60px;
}

#tab-pane-comment button {
	float: right;
	margin-top: 10px;
}

#div-panel-teacher {
	margin-right: 15px;
}

#teacher-body{
	min-height: 225px;
}
.div-panel-teacher-info {
	text-align: center;
}

#video-noVideo {
	margin-left: 20px;
	font-size: 14px;
	overflow: hidden;
	color: #cccccc;
	margin-bottom: 15px;
}

#video-haveVideo {
	margin-left: 20px;
}

#div-tag {
	padding-left: 30px;
	margin-bottom: 0px;
}

.list-tag {
	padding-left :7px;
	padding-right: 7px;
}

.list-tag>a:hover{
	color: #ffffff;
}
.list-tag:hover {
	background-color: #000000;
	color: #ffffff !important;
}

#tag-icon{
	color: #FD6639;
}

#doc-noDoc {
	margin-left: 20px;
	font-size: 14px;
	overflow: hidden;
	color: #cccccc;
	margin-bottom: 15px;
}

#doc-noTeacher {
	font-size: 14px;
	overflow: hidden;
	color: #cccccc;
	margin-top: 10%;
	margin-bottom: 15px;
}

#doc-haveDoc {
	margin-left: 20px;
}

.clear {
	clear: both;
}

.evenRow {
	background-color: #F5F5F5;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
}

#tagCloud {
	margin-top: 30px;
	margin-right: 15px;
}

#tagCloud-title {
	padding-left: 15px;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
}

#tagCloud-title>span {
	font-size: 17px;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.3;
	color: #666666;
}

#tagCloud-body>canvas>ul>li>a {
	font-size: 14px;
	font-weight: 700;
	font-family: 'microsoft yahei', '微软雅黑', 'Microsoft YaHei', Arial,
		sans-serif, Helvetica;
}

#tagCloud-body>canvas>ul>li>a:hover {
	color: blue;
	font-size: 14px;
}

#body-left{
	padding-right: 5px;
}

#body-right{
	padding-left: 5px;
	padding-right: 5px;
}