ul.sv{width:100%;}
ul.sv li{float:left;position:relative;margin:1% 2% 2% 0%;width:48%;border:1px solid#ebeff1;text-align:left;box-shadow:1px 1px 1px#9398ae;height:290px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.sv li .dvd{background:linear-gradient(90deg,rgba(17,146,226,0.82) 10%, rgba(253,79,72,0.80) 100%);backdrop-filter:blur(2px);width:100%;height:60px;padding:2% 2%;position:absolute;bottom:0px;z-index:100;-webkit-transition:0.5s;transition:0.5s;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:10;}
ul.sv li .dvd:hover{height:80px;background:rgba(17,146,226,0.82);}
ul.sv li .sp{background:#fd4f48;font:11px fn1;color:#fff;text-align:center;position:absolute;top:10px;right:8px;padding:2px 5px;z-index:10;border-radius:3px;}
ul.sv li a{color:#fff;font:14px fn1;line-height:18px;text-shadow:-1px -1px rgba(255,255,255,0.20),1px 1px rgba(0,0,0,0.80);}

.youtube{background:#000;width:100%;max-width:1200px;margin:0 auto;border-radius:6px;height:275px;
background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;}
.youtube .ftv{width:100%;max-width:1000px;margin:0 auto;opacity:.9;filter:alpha(opacity=10)}
.youtube .play{background:url(../../../img/bb/ytb.png)no-repeat center center;background-size:40px 40px;position:absolute;height:100%;width:100%;transition:all 0.2s ease-out;}
.youtube .play:hover{opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width:1150px){.youtube{height:245px;} ul.sv li{margin:1% 1% 2% 1%;width:98%;height:253px;}}