#splist  {
	WIDTH:100%;
	FLOAT: left;   text-align:left; overflow:hidden;
}
#splist  UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#splist  UL LI {
	 WIDTH:28.33%; float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; background-color:#1A1A1A; overflow:hidden;border-radius:6px; padding:1.5%;
}
#splist  UL LI dd{ width:100%; position:relative; float:left; padding-top:65%; overflow:hidden;border-radius:6px;overflow:hidden;}
#splist  UL LI dd .zzc{
	position:absolute;
	z-index:3;
	left:0px;
	top:0px;
	height:100%; width:100%;
	background-image: url(fonts.png);
	background-repeat: no-repeat;
	background-position: center center;transition:all 0.4s ease-in-out 0s;background-color:rgba(0,0,0,0.3);
}
#splist  UL LI:hover dd  .zzc{	background-color:rgba(0,0,0,0.1);}
#splist  UL LI dd img{ width:100%; position:absolute; left:0px; z-index:1; top:0px; min-height:100%;border-radius:6px;transition:all 0.4s ease-in-out 0s;}
#splist  UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#splist  UL LI .jj{ width:100%; float:left; margin-top:1.5%;}
#splist  UL LI .jj .nrq{ width:100%; float:left;}
#splist  UL LI .jj .nrq h3{ font-size:24px; color:#fff; font-weight:normal; line-height:1.8;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#splist  UL LI .jj .nrq p{ font-size:16px; color:#fff; line-height:1.5;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden; font-weight:bold;}
#splist  UL LI .jj  span{ float:right; padding:1% 4%;  margin-top:4%; line-height:2; background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#splist  UL LI .jj  span i{ margin-left:8px;}
#splist  UL LI .jj  span:hover{ background-color:#1DA1D1;}
#video{ width:100%; position:fixed; z-index:2000;top:0px; height:100%;  background-color:rgba(0,0,0,0.5);  text-align:center;overflow-y:scroll;
	overflow-x:hidden;}
#videoa{width:90%; margin-left:5%;   float:left;  margin-top:8%;  position:relative;}	
#videod{ width:84%; padding:4%; margin:4%; float:left;  background-color:#fff }
#videod h5{ font-size:16px; text-align:center; font-weight:bold; line-height:2; margin-bottom:12px; color:#111; border-bottom:#ddd solid 1px;}
#videoa .gbf{ width:28px; cursor:pointer; height:28px;
	position:absolute;
	top:6%;
	right:-5%;
	background-image: url(gb.png);
	background-repeat: no-repeat;
	background-position:left center; z-index:10;
}
#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:450px; outline:none;}
@media only screen and (max-width: 1400px){#splist  UL LI .jj .nrq h3{ font-size:16px; font-weight:bold;}#splist  UL LI .jj .nrq p{ font-size:14px;}#splist  UL LI .jj  span{ font-size:14px;}#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:400px;}}
@media only screen and (max-width: 1200px){#splist  UL LI .jj .nrq h3{ font-size:14px; font-weight:bold;}#splist  UL LI .jj .nrq p{ font-size:12px;}#splist  UL LI .jj  span{ font-size:12px;}#splist  UL LI { padding:1%; width:29.33%}#splist  UL LI dd .zzc{background-size:20% auto;}#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:350px;}#videod h5{ font-size:14px;}}
@media only screen and (max-width: 800px){#splist  UL LI { width:45%; padding:1.5%;}#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:300px;}#videoa .gbf{top:-30px; right:-6%}#videoa{margin-top:15%;}#videod{ width:96%; padding:2%; margin-left:0px; margin-top:2%; }#videod h5{ font-size:13px;}}
@media only screen and (max-width: 600px){#splist  UL LI .jj .nrq h3{ font-size:12px; font-weight:bold;}#splist  UL LI .jj .nrq p{ font-size:12px; font-weight:normal;}#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:220px;}}
@media only screen and (max-width: 450px){#splist  UL LI .jj  span{ float:right; padding:0px 2%;}#videod  iframe,#videod embed,#videod VIDEO{width:100%;height:200px;}}