.video-list {
	margin: 10px 2%;

	.video-item {
		display: inline-block;
		// float: left;
		width: 32.4%;
		text-align: center;
		color: #333;
		position: relative;
		margin: 0 0 15px;
		vertical-align: top;


		@media all and (min-width: 768px) {
			& {width: 24.5%;}
		}

		.info {
			position: absolute;
			width: 80px;
			left: 50%;
			margin-left: -45px;
			height: 18px;
			line-height: 18px;
			padding: 10px 5px 0 5px;
			color: #fff;
			top: 100px;
			text-align: left;
			font-size: 0.8em;
			.gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
		}

		img {
			width: 90px;
			height: 126px;
			// border: #fff 2px solid;
			// box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		}

		.title {
			// white-space: pre;
			// overflow: hidden;
			// text-overflow: ellipsis;
			margin-top: 3px;
			font-size: 0.9em;
			color: #fff;
		}
	}
}