@import url(https://fonts.googleapis.com/css?family=Roboto:900|PT+Sans);
@media (max-width: 480px) {
	.ytg_box, .ytv_box{
		text-align:center;
	}
	
	.ytg_box p, .ytv_box p{
		text-align:left;
	}
	
	.ytg_box h1, .ytv_box h1{
		font-size:100%;
		margin:10px 0 10px 0;
		padding:0;
		text-align:center;
		line-height:120%;
	}
	.ytg_link{
		float:none;
		display:inline-block;
		max-width:100%;
	}
	.ytg_box img, .ytv_box img{
		max-width:100%;
		float:none;
	}
	.ytg_data {
		float:none;
		max-width:100%;
		width:100%;
		margin-left:0;
	}
	.ytg_video{
		width:80%;
		margin:15px auto;
		min-height:160px;
		padding:5%;
	}
	
}
@media (min-width: 480px) and (max-width: 768px) {
	.ytg_box, .ytv_box{
		text-align:center;
	}
	.ytg_box p, .ytv_box p{
		text-align:left;
	}
	
	.ytg_box h1, .ytv_box h1{
		font-size:100%;
		margin:0 0 10px 0;
		padding:0;
		text-align:left;
		line-height:120%;
	}
	.ytg_link{
		float:left;
		display:inline-block;
		max-width:30%;
	}
	.ytg_box img, .ytv_box img{
		max-width:100%;
		float:left;
	}
	.ytg_data {
		float:left;
		max-width:65%;
		margin-left:2%;
	}
	.ytg_video{
		width:80%;
		margin:15px auto;
		min-height:160px;
		height:auto;
		padding:1%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.ytg_box, .ytv_box{
		text-align:center;
	}
	.ytg_box p, .ytv_box p{
		text-align:left;
	}
	
	.ytg_box h1, .ytv_box h1{
		font-size:100%;
		margin:0 0 10px 0;
		padding:0;
		text-align:left;
		line-height:120%;
	}
	.ytg_link{
		float:left;
		display:inline-block;
		max-width:30%;
	}
	.ytg_box img, .ytv_box img{
		max-width:100%;
		float:left;
	}
	.ytg_data {
		float:left;
		max-width:65%;
		margin-left:2%;
	}
	.ytg_video{
		width:80%;
		margin:15px auto;
		min-height:180px;
		padding:1%;
	}
}
@media (min-width: 1000px) {
	.ytg_box, .ytv_box{
		text-align:center;
		padding:15px 0 0 0;
	}
	.ytg_box p, .ytv_box p{
		text-align:left;
	}
	
	.ytg_box h1, .ytv_box h1{
		font-size:100%;
		margin:0 0 10px 0;
		padding:0;
		text-align:left;
		line-height:120%;
	}
	.ytg_link{
		float:left;
		display:inline-block;
		max-width:30%;
	}
	.ytg_box img, .ytv_box img{
		max-width:100%;
		float:left;
	}
	.ytg_data {
		float:left;
		max-width:65%;
		margin-left:2%;
	}
	.ytg_video{
		width:46%;
		float:left;
		margin:15px 1%;
		min-height:180px;
		padding:1%;
	}
}
.ytg_video{
	background:#f0f0f0;
}
.ytg_box, .ytv_box{}
.ytv_box{
	display:inline;
	margin:0;
	padding:0;
}
.ytg_box h2{
	color:#515050;
	font-family: 'Roboto', sans-serif;
}
.ytv_box .ytg_video{
	margin:0;
}
.ytg_pagination{padding:10px; color:#333;font-family: 'PT Sans', sans-serif;}
#ytg_player_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
}
#ytg_player{
	width:100%;
	max-width:480px;
	margin:10% auto;
	
}
.ytg_rating{
	display:inline-block;
	background-image:url(img/star_out.png);
	background-size:auto 100%;
	background-repeat:repeat-x;
	margin-right:20px;
	vertical-align:top;
}
.ytg_star{
	display:block;
	height:100%;
	width:0px;
	background-image:url(img/star.png);
	background-size:auto 100%;
	background-repeat:repeat-x;
}
.ytg_meta{
	text-align:left;
	margin-top:10px;
	background:#e5e5e5;
	font-family: 'PT Sans', sans-serif;
	color:#333;
	padding:5px;
}
.ytg_meta > div{
	line-height:15px;
	margin:0;
	padding:0;
	vertical-align:top;
}
.ytg_duration, .ytg_visualization, .ytg_like, .ytg_comment{
	display:inline-block;
	height:15px;
	background-image:url(img/time.png);
	background-size:auto auto;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:10px;
	line-height:15px;
}
.ytg_visualization{background-image:url(img/view.png);}
.ytg_like{background-image:url(img/like.png);}
.ytg_comment{background-image:url(img/comment.png);}
.ytg_error{background:#f00;color:#ff0;text-align:center;padding:10px;}
.ytv_box_embedded{text-align:center;}

.ytg_data h1 a{
	font-family: 'Roboto', sans-serif;
	font-size:110%;
	color:#515050;
}
.ytg_data p {
	font-family: 'PT Sans', sans-serif;
	color:#000;
}
input[type="button"].ytg_prev, input[type="button"].ytg_next{
	color:#fff;
	border:0;
	cursor:pointer;
	background:#666;
	padding:5px;
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	width:70px;
	border-radius:0;
	text-shadow:0;
}
input[type="button"].ytg_prev:disabled, input[type="button"].ytg_next:disabled{
	background:#999;
}