.viewport {
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000;
	border: 1px solid #FFF;
}

.viewport .caption {
	display: none;
	font-size: 1em;
	position: absolute;
	text-decoration: none;
	z-index: 3;
	padding: 5px;
	overflow: hidden;
	background-color: rgba(15, 15, 15, 0.6);
	color: #fff;
	text-shadow: 0 0 20px #000;
}

.viewport .caption h2 {
	color: #FFEFD5;
	display:inline;
	font-size:11px !important;
	font-weight:bold;
	margin-bottom:0;
	vertical-align:middle;
	line-height: 13px;
}


.item-cont .thumb {
	position: relative;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.item-cont:hover .thumb {
	opacity: 1;
}


.item-cont {
	float: left;
	margin: 12px 0 40px;
	position: relative;
}

.item-cont:hover {
	border: 0 solid #FFF;
}

.item-cont .thumb {
	position: absolute;
}

.item-cont .bottom-caption  {
	font-size: 1em;
	position: absolute;
	text-decoration: none;
	padding: 5px;
	overflow: hidden;
	background-color: rgba(205, 194, 194, 0.42);
	color: #fff;
	text-shadow: 0 0 8px #000;
	display: block;
	top: 134px;
	z-index: 0;
	transition: top 0.2s;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border: 1px solid rgba(163, 196, 218, 0.40);
}

.item-cont  .bottom-caption h2 {
	color: #3F3D3D;
	display:inline;
	font-size: 12px !important;
	font-weight:bold;
	margin-bottom:0;
	vertical-align:middle;
	line-height: 13px;
	text-shadow: none;
}

.item-cont .time {
	position: absolute;
	top: 0;
	font-size: 10px;
	font-weight: bold;
	color: #857F7F;
	background-color: #ECECEC;
	display: block;
	padding: 0 6px;
	line-height: 14px;
	transition: top .2ms;
}

.item-cont:hover .time {
	top: -14px;
}

.item-cont .reel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	opacity: 0;
	filter: alpha(opacity=0);
	/* transition: opacity 0.8s ease-in-out 0s; */
	display: none;

}

	.item-cont:hover .reel {
		opacity: 1;
		filter: alpha(opacity=100);
		/* transition-duration: 0.4s; */
	}


	.item-cont .reel:before,
	.item-cont .reel:after {
		position: absolute;
		top: 0;
		display: block;
		width: 20px;
		height: 220px;
		opacity: 0;
		content: "";
		transition: all 0.8s linear;
		background: repeat-y 0 -60px;
	}

	.item-cont .reel:after {
		right: -20px;
		/* background-image: url(/img/video_reel_right_notrans.png); */
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAD2CAAAAADzbvhYAAAIB0lEQVRYhc2Ye2xT1x3Hrf0xTZqYNjEeVRTPjuPHtZPYjt9vx3YedmK7Tmyf+77Xr5BA2LqmCyS0gBa6FCbRTSuFSlVX2NY21SrWSIiwaivQqVpXwaDNSrdVq6Zu/xQxVBJooRDvXsdc33OSdqrEpp2/oo/uzzm/7/2e7znnKlj8WlUahN7hdGHdCgAWG3AiS0fUWreCAu9IbLEA2F5TR0hRANt+MXvk0f37Hz08m1Jrm3zD3LAAAeCiagxT+6lwKByK9vakV2C3tq1N62M5ntvau1FpkkE/I/xJZnr6MijMkxw7jEJx8PcExjRGY4uvAXkw/faFsydPnTp55p0jdyEB/iH1vrytDgFYaqi0S4IfNeDkWnDn55dfbsAHpSkdvHXz6oeXL394bXlWNnmyHMcsFqyL/4yOBOV4ikN6p7JeV7oMQ5xweIJWBobEYLg8HMyj5engUBZ9Erht4fAg+psxmylUQKZEkMkBoihAfN/hR0qjo8WpxzkAcJrBOQULTkmtvwskQa42BPmeBBfXkm5NkWX2nvw8SIMLEvsXLelZfumV5w499dQTz82PwyK3mkytvntrxS8M8ZVRgCC1Mkoy5QO02+5yOe32oAAfunjpD2dee+3MuUtltU6n1+s7FSR4T+r9I7ex1cdTRdifGb3eGgnFYZGTOqNe3dIOw4lsNptKAbh8MiuYZvQiZO87/m8ptROfVAV7Pyusqk9v3/60Wv21x+fN3qxWxcmP7GICsZgff4Atl0riy5F15OcCNvsPqxKs9R7kzUrtnxEoqvSDKgrZofQcCoO8cfOrKAywscBFFPqYQuVdGaxPydfxkgS37y1GE4kIt8PSvHsFsuBlqfc/kqWbNQhJt33gxTqU+bO7SffBqicr4a79q+D3S0X+WA3KlAdmY4ibuSm84r9I7GqnQeOmcltFe//0l0emH3ts+tALO2hmuFepcdfTW2UwqHxMPJ5IRj3euKz3MKVtUm10DHMVuUpMf1+8N0VA/vQxQs7zdB6CIdqKtet8DA5DW5vZ4KdxuJwv8DzHMBXobd6fSqdTyWQeKjdpDJiuRdMheGnP395/+40333xj4Z9TOpPOke7PCun9d6n3636jdrW9s1g7pmk1w3pmMIM91tWPQk14hB+By9MaLdbR7oHTe9DmtJnNfmFKh6rLHy8tLS3eqs4RpDjEAATsWMbq8VgTFZyojcI9DZY8ybJiqCKR3tvTh8QF4MJWvy2K7LBszBbzdm1ByvFIwEnVyncdnGBLJXZ8H03FQ72h/rKCA3NS629xAczrDIgqXWkIMpGLRUO5AizdFMGxHMF9ofSWhf+UsKXgtfRekNg1Lk/UYAGMzv/u+NNHjz59/OwkwBn3AMshIjORZjMoIjsXGdJZB0uIyCSB9RTQzZTMGSIc+jrInL5rFaRymtAqiOfjGWJ1pPMUkO+bXoaka0Pctb/9+oXfHp+bO376/Ba7y+2wWPzC0v5rY2lbNBrMYvYJKl2X21sTHi2OwiKnDIbOrmBcyCUZJI0eh0UbUDC4DO4GPM+DEbh8h/Q6ZP/o7l5MyNLmRrkOefCd358W537y3Lm9QII47RK61DgpscucBN2iHm4mm82lSAQW+jGtrYxAmrOpAfokm8rku2kE8kPN6/wlBFJcX5AF6G/m2QLIN6DoGheNg8bkt77y8jPHjj0ze/b0ZB6vFFnACa9DZkWecnoSNGLaae96/YbIKGzvaavS/HXPGCzyFN6qcxLIktnnus+wPrQVXlyPeDfrNkZHhbfZWIYX8kx/EjCsOPk94+J6HTuwlxKShybhNuUd/bchw7GscJ6XQxz0xXp6hDuCXGQSmITjic4qwnKfmJSxbQUStGsMBoNNSJsnq3cWr19f/Hi5Ogcc7Var1Y8cnimmtmTgtAl7A4FAL+Jkzabm5mYMgfUpweWD4qAUuGxDuT1iaG5pEU5Bwtbz/p/Enef8ex88eXdKcO/10xoM6+Evs6KwSRD51dLl8zi6EOIOeye6EFjKuDnJoutoKJ0ZoNDydMsmp1TOONUGg9pBc/52kqjDys+OzBw4MPPjF38+OYyvTEl+kLhRkkJAftiT4JqRvmaGrJnz8lNlHTLyQ1SOrIxwudrkH6SE01YUPPwAIGi7KsFzsmARDFZu/prxqynYdaBgtCb1qTIMyaL+K/EKC/uz3LTBuW4ALe9UdSgHkXJiKBqp8AxcXtr0jY71Q2VoSoC3OxPYUEmE23PCOTdw/44xgPdRI0SqINj7aLUqnojvVKuvcjqd4b6+Ydjekx3rvrkhU4GV3z3QaQ4xiHQPZ9Rf6uERuCe+/stGAjkF7cqmcklhgyZk14FPyoSwjmpmGH/rvHhveH3h0szq9P6fZsgaMA9YnuO4LUiwxMKRSGQAChYK1Nc7D4Z/9bxwtzv07PyJh0B3VzQaTSoocFHq/QqdEwcL+3OnSaXVai0IdFvt4vUKtrdULgv/SXubxWLxIRfbeqzBV+C2ltrtjAfEzKRwVy6N/+QAB/rjiURiCFF+jVD9DOnqd0MYDomDhiAJrIa2tjYXAuu9wyKLR/I0Dk2JAF3+YDDYJ0IuKH6l8BcpErRuViqVmGDvg7eWxO8ZV24szwIpaWX2/u7ASpuwP3VNKpXKhIjsMttstgAC60kLl9eTFl/rYw4P9i2cOTE/f+I35xYO///Z+z9DZwuGtTggOPbCE+KXuR89P7vzLiTBJan3xUL9MgL5c2fdtIz8w+Aem9PrNcf+DfupCvRd+uC7AAAAAElFTkSuQmCC);
	}

	.item-cont:hover .reel:after {
		right: -4px;
	}

	.item-cont .reel:before {
		left: -20px;
		/*background-image: url(/img/video_reel_left_notrans.png);*/
		background-image: url(data:image/png;base64,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);
	}

	.item-cont:hover .reel:before {
		left: -4px;
	}

	.item-cont:hover .reel:before,
	.item-cont:hover .reel:after {
		-webkit-animation: reelAnimate 4s infinite linear;
		-moz-animation: reelAnimate 4s infinite linear;
		opacity: 0.8;
	    transition-duration: .2s;
	}



@-webkit-keyframes reelAnimate {
	0%   { background-position: 0 -246px;}
	100% { background-position: 0 0;}
}

@-moz-keyframes reelAnimate {
	0%   { background-position: 0 -246px;}
	100% { background-position: 0 0;}
}


.item-cont-more-btn {
	box-shadow: none !important;
}

.item-cont-more-btn a {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #B6B6B6 !important;
}

.item-cont-more-btn a:hover {
	color: #000000 !important;
}
/* END of global styles */




/* video list full width four items */
.vlist-cont-full .four-items .item-cont { margin-left: 11px; margin-right: 11px; box-shadow: 0 8px 20px -6px; }
.vlist-cont-full .four-items .item-cont:hover .caption { transition: bottom .5s; bottom: 0; }
.vlist-cont-full .four-items .item-cont:hover .bottom-caption { top: 138px; }
.vlist-cont-full .four-items .item-cont .reel:before,
.vlist-cont-full .four-items .item-cont .reel:after { height: 134px; }
.vlist-cont-full .four-items .viewport { width: 224px; height: 136px; }
.vlist-cont-full .four-items .thumb { /* width: 258px; */ height: 186px; top: -23px; left: -11px; }
.vlist-cont-full .four-items .caption { width: 182px; left:0; bottom:-50px; }
.vlist-cont-full .four-items .bottom-caption { width: 214px; left:0; top: 70px; max-height: 34px; }
.vlist-cont-full .four-items .item-cont-more-btn { line-height: 136px; height: 136px; width: 224px; }
.vlist-cont-full .four-items .item-cont-more-btn a { height: 126px;  line-height: 126px; }
.tablet .four-items .bottom-caption { top: 134px; height: 35px; }


/* video list full width five items */
.vlist-cont-full .five-items .item-cont { width: 192px; margin-left: 4px; margin-right: 3px; box-shadow: 0 8px 20px -6px;}
.vlist-cont-full .five-items .item-cont:hover .caption { transition: bottom .5s; bottom: 0; }
.vlist-cont-full .five-items .item-cont:hover .bottom-caption { top: 134px; }
.vlist-cont-full .five-items .item-cont .reel:before,
.vlist-cont-full .five-items .item-cont .reel:after { height: 134px; }
.vlist-cont-full .five-items .viewport { width: 192px; height: 134px; }
.vlist-cont-full .five-items .thumb { width: 258px; height: 186px; top: -26px; left: -32px; }
.vlist-cont-full .five-items .caption { width: 182px; left:0; bottom:-50px; }
.vlist-cont-full .five-items .bottom-caption { width: 182px; left:0; top: 70px; max-height: 34px; }
.vlist-cont-full .five-items .item-cont-more-btn { line-height: 134px; height: 134px; }
.vlist-cont-full .five-items .item-cont-more-btn a { height: 124px;  line-height: 124px; }
.tablet .five-items .bottom-caption { top: 134px; height: 35px; }

.vlist-cont-full .five-items .first-wide { width: 392px; height: 320px;}
.vlist-cont-full .five-items .first-wide .viewport { width: 100%; height: 100%;}
.vlist-cont-full .five-items .first-wide .thumb { width: 440px; height: 320px; top: 0; left: -20px; }
.vlist-cont-full .five-items .first-wide .reel:before,
.vlist-cont-full .five-items .first-wide .reel:after { height: 320px; }
.vlist-cont-full .five-items .first-wide .bottom-caption { width: 382px; top: 270px; max-height: 34px; }
.vlist-cont-full .five-items .first-wide:hover .bottom-caption { top: 320px;}
.tablet .five-items .first-wide .bottom-caption { top: 320px; height: 35px; }
.five-items .listing-banner { width: 362px; height: 302px; float: right; padding-top: 22px; margin: 12px 6px 40px 0; background-color: #EEE; box-shadow: 0 8px 20px -6px; }



/* post video three items */
.vlist-cont-post-video .three-items .item-cont { width: 206px; margin-left: 5px; margin-right: 5px; height: 134px;}
.vlist-cont-post-video .three-items .item-cont:hover .caption { transition: bottom .5s; bottom: 0; }
.vlist-cont-post-video .three-items .item-cont:hover .bottom-caption { top: 134px; }
.vlist-cont-post-video .three-items .viewport { }
.vlist-cont-post-video .three-items .thumb { width: 230px; height: 180px; top: -24px; left: -12px; }
.vlist-cont-post-video .three-items .caption { width: 229px; left:0; bottom:-50px; }
.vlist-cont-post-video .three-items .bottom-caption { width: 196px; left:0; top: 70px; }
.tablet .three-items .bottom-caption { top: 134px; height: 35px; }

/* post video four items */
.vlist-cont-post-video .four-items .item-cont { width: 160px; margin-left: 2px; margin-right: 3px; height: 116px; box-shadow: 0 8px 20px -6px;}
.vlist-cont-post-video .four-items .item-cont:hover .caption { transition: bottom .5s; bottom: 0;}
.vlist-cont-post-video .four-items .item-cont:hover .bottom-caption { top: 116px; }
.vlist-cont-post-video .four-items .item-cont .reel:before,
.vlist-cont-post-video .four-items .item-cont .reel:after { height: 116px; }
.vlist-cont-post-video .four-items .viewport { }
.vlist-cont-post-video .four-items .thumb {width: 192px; height: 156px; top: -20px; left: -19px; }
.vlist-cont-post-video .four-items .caption { width: 150px; left:0; bottom:-50px; max-height: 35px; }
.vlist-cont-post-video .four-items .bottom-caption { width: 150px; left:0; top: 50px; max-height: 35px; }
.vlist-cont-post-video .four-items .bottom-caption h3 { font-size: 10px !important; }
.vlist-cont-post-video .four-items .item-cont-more-btn { line-height: 116px; height: 116px; }
.vlist-cont-post-video .four-items .item-cont-more-btn a { height: 106px;  line-height: 106px; }
.tablet .four-items .bottom-caption { top: 116px; height: 35px; }

.item-cont .new {
	background:transparent url(/img/new4.png) no-repeat scroll 0 0;
	height:11px;
	width:40px;
	z-index: 2;
}

.video-info {
	width:100%;
	overflow: hidden;
	padding: 0 2px;
	float: left;

}

.video-info .progress {
	background-color: #6495ED;
	border:1px solid black;
	float: left;
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	margin-right: 4px;
	padding-left: 4px;
	padding-right: 4px;
	width: 90px;
}

.video-info .lenght {
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin-top: 0;
	overflow: hidden;
	text-align: center;
	width: 50px;
	padding-left: 15px;
}

.video-info .comments {
	background-image: none !important;
	color:#000000;
	float:right;
	width:20px;
}

.video-info p {
	margin-bottom: 0;
}

.video-info p.add-time {
	color: gray;
	float: left;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	margin-top: 0;
	margin-left: 0;
}

.video-info .time-cont {
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	padding: 1px 2px;
	width: 70px;
	float: left;
}

.new-marker {
	font-size: 10px;
	background-color: red;
	color: #FFF;
	display: block;
	position: absolute;
	right: -4px;
	text-align: center;
	top: 4px;
	line-height: 14px;
	padding: 0 3px;
	z-index: 2;
}


/* --- Container configuration ---------------------------------------------------------- */


/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
	margin-right: 0;
}