body{
	background-color: #000;
	color:#ccc;
}
.grid-video-container,
.video-list-container{
	width: 100%;
	margin-top: 10px;
}
.grid-video-container{
	padding: 20px;
}
.grid-video-container ul,
.video-list-container ul{
	list-style: outside none none;
}
.grid-video-container ul:after,
.video-list-container ul:after{
	content: "";
	display: block;
	clear: both;
}
.grid-video-container ul li{
	width: 50%;
	float: left;
	padding: 15px;
}
.grid-video-container ul li a{
	text-decoration: none;
	color: #000;
}
.grid-video-container ul li .icon{
    display: block;
    margin: auto;
    height: 96px;
    width: 96px;
}
.icon img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.grid-video-container ul li .video-title{
	margin: 8px 0px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.video-list-container ul li{
	width: 100%;
	height: 100px;
	padding: 2px;
}
.video-list-container ul li .icon{
	float: left;
	padding: 2px;
	margin-right: 8px;
	width: 100px;
	height: 100px;
}
.video-list-container ul li p{
	line-height: 100px;
}