@charset "utf-8";
@media screen and (min-width: 1200px) {
.videobox{clear:both;float:none;width:1200px;margin-right:auto;margin-left:auto}
.clear{clear:both;float:none}
.videobox .videoposition{font-size:15px;font-weight:700;padding-top:20px;padding-bottom:15px}
.videobox .showbox{clear:both;float:none;margin-bottom:28px;background-color:#000}
.videobox .showbox ul li{height:auto;width:100%}
.videobox .showbox ul li embed{height:580px;width:1200px;background-color:#000}
.videobox .listbox{clear:both;float:none;width:1200px}
.videobox .listbox ul{margin:0;padding:0;width:1300px}
.videobox .listbox ul li{height:140px;width:224px;float:left;padding:0;list-style-type:none;margin-top:0;margin-right:20px;margin-bottom:0;margin-left:0}
.videobox .listbox ul li img{height:96px;width:224px}
.videobox .listbox ul li.on img{height:94px;width:222px;border:1px solid #FC0}
.videobox .listbox ul li p{font-size:13px;font-weight:700;padding-top:5px;line-height:16px}
}

@media screen and (min-width: 901px) and (max-width: 1200px){
.videobox{clear:both;float:none;width:1000px;margin-right:auto;margin-left:auto;}
.clear{clear:both;float:none}
.videobox .videoposition{font-size:15px;font-weight:700;padding-top:20px;padding-bottom:15px}
.videobox .showbox{clear:both;float:none;margin-bottom:28px;background-color:#000}
.videobox .showbox ul li{height:auto;width:100%}
.videobox .showbox ul li embed{height:480px;width:1000px;background-color:#000}
.videobox .listbox{clear:both;float:none;width:1000px}
.videobox .listbox ul{margin:0;padding:0;width:1100px}
.videobox .listbox ul li{height:150px;width:224px;float:left;padding:0;list-style-type:none;margin-top:0;margin-right:34px;margin-bottom:0;margin-left:0}
.videobox .listbox ul li img{height:96px;width:224px}
.videobox .listbox ul li.on img{height:94px;width:222px;border:1px solid #FC0}
.videobox .listbox ul li p{font-size:13px;font-weight:700;padding-top:5px;line-height:16px}
}

@media screen and (min-width: 500px) and (max-width: 900px){
.videobox{clear:both;float:none;width:100%;margin-right:auto;margin-left:auto}
.clear{clear:both;float:none}
.videobox .videoposition{font-size:15px;font-weight:700;padding-top:20px;padding-bottom:15px;padding-left:15px}
.videobox .showbox{clear:both;float:none;margin-bottom:28px;background-color:#000}
.videobox .showbox ul li{height:auto;width:100%}
.videobox .showbox ul li embed{height:300px;width:100%;background-color:#000}
.videobox .listbox{clear:both;float:none;width:100%;height:auto}
.videobox .listbox ul{margin:0;padding:0}
.videobox .listbox ul li{height:180px;width:33.33%;float:left;padding:0;list-style-type:none;margin-top:0;margin-bottom:0;margin-left:0;text-align:center}
.videobox .listbox ul li img{height:106px;width:94%}
.videobox .listbox ul li p{font-size:13px;font-weight:700;padding-top:5px;line-height:16px}
}

@media screen and (max-width: 500px) {
.videobox{clear:both;float:none;width:100%;margin-right:auto;margin-left:auto}
.clear{clear:both;float:none}
.videobox .videoposition{font-size:12px;font-weight:700;padding-top:10px;padding-bottom:8px;padding-left:15px}
.videobox .showbox{clear:both;float:none;margin-bottom:28px;background-color:#000}
.videobox .showbox ul li{height:auto;width:100%}
.videobox .showbox ul li embed{height:240px;width:100%;background-color:#000}
.videobox .listbox{clear:both;float:none;width:100%;height:auto}
.videobox .listbox ul{margin:0;padding:0}
.videobox .listbox ul li{height:110px;width:33.33%;float:left;padding:0;list-style-type:none;margin-top:0;margin-bottom:0;margin-left:0;text-align:center}
.videobox .listbox ul li img{height:70px;width:94%}
.videobox .listbox ul li p{font-size:12px;font-weight:700;padding-top:5px;line-height:16px}
}