/* ghr CSS file*/
h3.video-title{
	font-size:18px;
white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;	
}

h3.video-title a{
	color:#000000;
}

.view-video-list .video-item{
	margin-top:10px;
	margin-bottom:10px;
}
.view-video-list .video-item .video-mingzi,
.view-video-list .video-item .video-stats,
.view-video-list .video-item .video-date{
	margin-top:20px;
}

.view-video-list .video-item  .video-link{
	float:right;
	margin-top:-20px;
}

.view-video-list .video-item  .video-link a{
    color: #ffffff;
}

.view-video-list .video-item .video-date {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADRSURBVHgBYnAvAFRKBlcExEAY5p7IgQJcFEAHnBWgAn24oI7Ect1OOFPDamHke96GeRu76/C/F5nv82Yns06RcmzF2514c42pCGfuqH2zH8m7lQTzkGD3UtiZiAwJ5ygeqMEoUZC8uUtwC37nQg2mlt/t8W9nN89LWobFGdA/7TUgb8ucDIsTD+bGdzRF88yJsAwMoGIIfUVYnFZRgj2mXNxUiz9bHW0isE0pzES1qobTHjWcv54DhrfE0QuA3CWd3LL3ynFHrZZIfskZWMeSvwCY/D7qIf+KBQAAAABJRU5ErkJggg==);
	 padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.view-video-list .video-item .video-stats .stats {
    background: url(../images/view.png) no-repeat;
    background-size: 15px 15px;
	 padding-left: 20px;
    background-position: left center;

}

.video-wrapper video{
	width:100%;
	height:auto;
}

.video-content-wrapper .video-date {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADRSURBVHgBYnAvAFRKBlcExEAY5p7IgQJcFEAHnBWgAn24oI7Ect1OOFPDamHke96GeRu76/C/F5nv82Yns06RcmzF2514c42pCGfuqH2zH8m7lQTzkGD3UtiZiAwJ5ygeqMEoUZC8uUtwC37nQg2mlt/t8W9nN89LWobFGdA/7TUgb8ucDIsTD+bGdzRF88yJsAwMoGIIfUVYnFZRgj2mXNxUiz9bHW0isE0pzES1qobTHjWcv54DhrfE0QuA3CWd3LL3ynFHrZZIfskZWMeSvwCY/D7qIf+KBQAAAABJRU5ErkJggg==);
	 padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.video-content-wrapper .video-stats .stats {
    background: url(../images/view.png) no-repeat;
    background-size: 15px 15px;
	 padding-left: 20px;
    background-position: left center;

}
.view-video-list .video-item .video-stats .duration,
.video-content-wrapper .video-stats .duration{
    background: url(../images/durationnew.svg) no-repeat;
    background-size: 15px 15px;
	padding-left: 20px;
    background-position: left center;
	margin-left:20px;
}

.video-content-wrapper .video-mingzi,
.video-content-wrapper .video-stats,
.video-content-wrapper .video-date{
	margin-top:15px;
}

.video-content-wrapper .video-content{
	padding-left:20px;
}

.node--type-video h1{
	display:none;
}

.video-content-wrapper .video-mulu .mulu{
	text-align:center;
	font-size:20px;
	border-bottom:3px solid red;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#FFFFFF;
}

.video-content-wrapper .video-mulu li{
	color:red;
}
.video-content-wrapper .video-wrapper{
 background-color:#575757;
 padding-top:20px;
 padding-bottom:20px;
}

.btn-primary.video-link {
    background-color: #FF0000;
    border-color: #FF0000;
}


.view-video-list .item-list{
  width:100%;
}

@media (max-width: 576px) {
	.view-video-list .video-item.row {
		display:block;
	}
	.view-video-list .view-content.row {
		display:block;
	}
}