<style>
	.video-thumbnail{
		width : 100px;
		height: 75px;
		position: relative;
		overflow: hidden;
	}
	.video-thumbnail-overlay{
		width: 100px;
		height: 75px;
		background-color:rgba(192,192,192,0.5);
		position: absolute;
		top : 0;
		z-index: 2;
	}
	.video-thumbnail i{
		color: #08c;
	    font-size: 40px;
	    left: 25px;
	    position: absolute;
	    top: 18px;
	    z-index: 3;
	}
</style>
<h3>
	{{page-title}}
</h3>
<div>
	<table class="table table-hover table-striped">
		<thead>
			<tr data-list="heads" data-level="0">
				<th>{{column-title}}</th>
			</tr>
		</thead>
		<tbody data-list="vlogs" data-level="0">
			<tr>
				<td>
					<a href="{{url_to_show}}">
						<div class="video-thumbnail" >
							<img src="{{thumbnail}}" />
							<div class="video-thumbnail-overlay"></div>
							<i class="icons-play"></i>
						</div>
					</a>
				</td>
				<td>{{title}}</td>
				<td>{{username}}</td>
			</tr>
		</tbody>
	</table>
</div>