@charset "utf-8";
/* CSS Document */
.video .videoMain{width:85%; margin:0 auto 25px; display:block;overflow:hidden;}
.video .videoMain .videoBlock{ width:23%; margin:0 1% 22px; float:left;overflow:hidden; }
.video .videoMain .videoBlock .videoBox{ height:205px; background-color: rgba(34, 34, 34, 0.5);overflow:hidden; position:relative; cursor:pointer; }
.video .videoMain .videoBlock .videoBox img{ width:100%; height:205px; position:absolute; top:0; left:0}
.video .videoMain .videoBlock .videoBox .vdieoBackground{ width:100%; height:100%;background-color: rgba(34, 34, 34, 0.5);overflow:hidden; position:absolute; top:1px; left:0;}
.video .videoMain .videoBlock .videoBox .play{width: 100%;height: 100%;display: table; position:absolute; top:5%;}
.video .videoMain .videoBlock .videoBox .play .water_mark_wrapper{display: table-cell !important;vertical-align: middle;cursor: pointer;}
.video .videoMain .videoBlock .videoBox .play .water_mark_square{margin: auto;position: relative !important;width:50px;height:50px;border-radius:100%; border:4px solid #FFFFFF;}
.video .videoMain .videoBlock .videoBox .play .water_mark_square:before{content: "";position: absolute !important;top: 21%;left: 32%;width: 0;height: 0; border-style: solid;border-width: 13px 0 13px 20.4px;border-color: transparent transparent transparent #ffffff;line-height: 0px;_border-color: #000000 #000000 #000000 #ffffff;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.video .videoMain .videoBlock .viedoName{padding:10px 10px 0; height: 50px;line-height: 16px; text-align:center; font-size:.85rem; background:#FFFFFF; overflow:hidden;}
@media screen and (min-width:960px) and (max-width:1200px){
.video .videoMain{width:90%;}
}
@media screen and (min-width:652px) and (max-width:960px){
.video .videoMain{width:93%;}
.video .videoMain .videoBlock{ width:31%;}
}
@media screen and (min-width:460px) and (max-width:652px){
.video .videoMain{width:90%;}
.video .videoMain .videoBlock{ width:46%; margin:0 2% 22px;}
}
@media screen and (min-width:394px) and (max-width:460px){
.video .videoMain{width:90%;}
.video .videoMain .videoBlock{ width:48%; margin:0 1% 22px;}
}
@media screen and (max-width:394px){
.video .videoMain .videoBlock{ width:96%;}
}