#AngleYTplayer {
	position:relative;
	padding-top:20px;
}
#AngleYTplayer iframe {
	border:0px solid transparent;
}
.YTcol-20 {
	width:5%;
	float:left;
}
.YTcol-19 {
	width:5.26%;
	float:left;
}
.YTcol-18 {
	width:5.88%;
	float:left;
}
.YTcol-17 {
	width:5.88%;
	float:left;
}
.YTcol-16 {
	width:6.25%;
	float:left;
}
.YTcol-15 {
	width:6.66%;
	float:left;
}
.YTcol-14 {
	width:7.14%;
	float:left;
}
.YTcol-13 {
	width:7.69%;
	float:left;
}
.YTcol-12 {
	width:8.33%;
	float:left;
}
.YTcol-11 {
	width:9.09%;
	float:left;
}
.YTcol-10 {
	width:10%;
	float:left;
}
.YTcol-9 {
	width:11.11%;
	float:left;
}
.YTcol-8 {
	width:12.50%;
	float:left;
}
.YTcol-7 {
	width:14.28%;
	float:left;
}
.YTcol-6 {
	width:16.66%;
	float:left;
}
.YTcol-5 {
	width:20%;
	float:left;
}
.YTcol-4 {
	width:25%;
	float:left;
}
.YTcol-3 {
	width:33%;
	float:left;
}
.YTcol-2 {
	width:50%;
	float:left;
}
.YTcol-1 {
	width:100%;
	float:left;
}
.YTcol .inner {
	padding:5px 10px;
	cursor:pointer;
}
.YTthumbnail {
	max-width:100%;
}
.YTClear {
	clear:both;
	width:100%;
	height:1px;
	overflow:hidden;
	display:block;
}
#YTOverlay.play {
	display:block;
	visibility:visible;
	z-index:998;
	animation: BtoT 1s linear;
	-webkit-animation: BtoT 1s linear;
	-moz-animation: BtoT 1s linear;
	-o-animation: BtoT 1s linear;
	top:0px;
}
#YTOverlay iframe {
	width:80%;
	height:80%;
	position:fixed;
	left:10%;
	top:10%;
	border:0px solid transparent;
	animation: TtoC 1.5s linear;
	-moz-animation: TtoC 1.5s linear;
	-webkit-animation: TtoC 1.5s linear;
	-o-animation: TtoC 1.5s linear;
}
#YTOverlay {
	position:fixed;
	background:rgba(0,0,0,0.7);
	width:100%; 
	height:100%;
	left:0px;
	visibility:hidden;
	z-index:-1;
}
.YTthumbnail {
	width:100%;
}



/*
 * Responsive stuff
 */
@media (min-width:760px) and (max-width:1020px) {
	/*
	.YTcol {
		width:50%;
	}
	.YTthumbnail {
		width:100%;
	}
	.YTClear {
		display:none;
	}
	.YTcol:nth-child(2) {
		clear:both;
	}
	*/
}
@media (min-width:300px) and (max-width:760px) {
	.YTcol {
		width:100%;
	}
	.YTthumbnail {
		width:100%;
	}
}



/*
 * Custom animations
 */
@-webkit-keyframes BtoT {
	0%   { top: 100%; }
	100% { top: 0%; }
}
@-moz-keyframes BtoT {
	0%   { top: 100%; }
	100% { top: 0%; }
}
@-o-keyframes BtoT {
	0%   { top: 100%; }
	100% { top: 0%; }
}
@keyframes BtoT {
	0%   { top: 100%; }
	100% { top: 0%; }
}

@-webkit-keyframes TtoC {
	0%   { top: -100%; }
	100% { top: 25%; }
}
@-moz-keyframes TtoC {
	0%   { top: -100%; }
	100% { top: 25%; }
}
@-o-keyframes TtoC {
	0%   { top: -100%; }
	100% { top: 25%; }
}
@keyframes TtoC {
	0%   { top: -100%; }
	100% { top: 25%; }
}