html{line-height:1.15;-webkit-text-size-adjust:100%}
body { margin:0; background-color: #f3f3f3; font: 15px Arial, Helvetica, sans-serif; color: #111; }
/*h1{font-size:2em;margin:.67em 0}*/
ol, ul, li { list-style: none; margin: 0; padding: 0; } 
img { border: none; display: block; } 
a { color: #00c; text-decoration: none; } 
.wrapper { background-color: #f3f3f3; margin: 0px auto; max-width: 1500px; overflow: hidden; clear: both; color: #111; text-align:center; } 
.header { padding: 10px 5px; font-size: 28px; overflow: hidden; clear: both; text-align:center; margin-bottom: 0px; } 
.header ul { display: inline-block; padding: 5px 5px; } 
.header li { display: inline-block; margin: 3px 10px 3px 0; } 
.header a { text-decoration: underline; } 
.header b a { text-decoration: underline; } 
h1 { font-weight: normal; padding: 10px; margin: 0px; overflow:hidden; clear:both;} 
h2 { font-weight: normal; font-size: 17px; color: #111; padding: 10px; margin: 0px; overflow:hidden; clear:both; } 
.content { padding: 20px; background-color: #ddd; } 
/* padding-bottom:50%;text-align: center; position:relative; background-repeat: no-repeat; background-position: center;background-size: cover; */
.video-wrapper {
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.content .video-holder { min-width:320px; }
.content .video { padding-bottom:50%;position:relative;height:0;background:#333;}
.content .video .play { position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	background: url(play.png) center no-repeat;
	background-size: 11%; }
.content .video iframe {
	position: absolute;
	left: 0;
	top: 0;
}
img.video-poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.video-play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  background-color: #252525;
  opacity: 0.8;
}
.video-play::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 23px;
  border-style: solid;
  border-width: 15px 0 15px 21px;
  border-color: transparent transparent transparent #fff;
}
.desc { padding: 10px; overflow:hidden; clear:both; text-align: center;} 
.desc p { line-height: 16px; margin: 0px; }
.thumbs { padding: 5px 5px; overflow: hidden; clear: both; text-align:center; } 
.thumb { width: 25%; float: left; overflow: hidden; box-sizing: border-box; padding: 5px 5px; } 
.thumb .thumb_in { padding: 0; border-radius: 10px; background-color: #fff;} 
.thumb .thumb_img_wrap { position: relative; padding-bottom: 58%; display: block; overflow: hidden; } 
.thumb .thumb_img { position: absolute; top: 49%; left: 0; width: 100%; display: block; border-radius: 10px 10px 0 0; transform: translateY(-50%); } 
.thumb .thumb_title { line-height: 17px; height: 34px; overflow: hidden; display: block; margin: 7px; padding: 0px; font-weight: normal; text-decoration: none; font-size: 14px; color: #000; font-style: normal; word-wrap: break-word; } 
.pagination { text-align: center; font-size: 22px; margin: 15px 5px 20px 5px; clear: both; } 
.pagination a { font-weight: bold; display:inline-block; background-color: #eee; padding:2px 10px; border-radius:3px; } 
.trends { padding: 5px 10px; overflow: hidden; clear: both; text-align:center; margin-bottom: 10px; } 
.trends ul { margin: 0; } 
.trends li { display: inline-block; padding: 3px 1px; margin: 3px 6px 3px 0; text-decoration: none; } 
.trends .cat_title { margin: 0; padding: 0; font-size: 15px; font-weight: normal;} 
.trends a { text-decoration: underline; font-weight: normal;} 
.links { padding: 5px 10px; overflow: hidden; clear: both; margin-bottom: 10px; } 
.links ul { margin: 0px; } 
.links li { width: 25%; float: left; padding: 4px 0px 4px 0px; font-size: 15px; overflow: hidden; box-sizing:border-box; text-align: left; text-decoration: underline;} 
.footer { padding: 20px; overflow: hidden; clear: both; font-size: 14px; margin-top: 0px; background-color: #ddd;}
.footer a { text-decoration: underline; } 
.text { padding: 10px; }
.dn {position:absolute;overflow:hidden;height:0;width:0;}
@media all and (max-width: 1380px) { 
	.wrapper { max-width: 100%; } 
	.thumb { width: 25%; } 
	.links li { width: 33.3333%; }
	.video-holder { width: 800px; }
} 
@media all and (max-width: 900px) { 
	.wrapper { max-width: 100%; } 
	.thumb { width: 33.33333%; }	
	.video-holder { width: 100%; }
} 
@media all and (max-width: 630px) { 
	.wrapper { max-width: 100%; } 
	.thumb { width: 50%; } 
	.links li { width: 50%; } 
	.header { text-align: center; } 
	.header ul { float: none; } 
	.search { float: none; } 
	.video-holder { width: 100%; }
} 
@media all and (max-width: 340px) { 
	.wrapper { max-width: 100%; } 
	.thumb { width: 100%; } 
	.links li { width: 100%; } 
	.video-holder { width: 100%; }
}