.jz {
    margin: 20px;
    font-size: 20px;
    text-align: center;
}
.zb-plays{visibility:hidden;overflow:auto;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-perspective:500px;-ms-perspective:500px;-o-perspective:500px;perspective:500px;-ms-transition:all .3s}
.zb-plays,.zb-plays .mask{position: fixed;top:0;left:0;width:100%;height: 100%;}
.zb-plays .mask{z-index:auto;background-color:#fff;opacity:.6;filter:alpha(opacity=60);}
.zb-plays .zb-play{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:60%;height:0;max-width: 900px;max-height: 460px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:rotateX(-20deg) translateZ(200px) translateY(20%);transform:rotateX(-20deg) translateZ(200px) translateY(20%);-ms-transition:all .3s;-ms-transform:rotateX(-20deg) translateZ(200px) translateY(20%);}
.ipcon{width:100%;height:100%}
.zb-plays .close{position:absolute;top: 0;right: 0;display:block;padding:1pc;background-color:#FF9800;color:#fff;text-align:center;font-size:1rem;opacity:.85;filter:alpha(opacity=85);}
.zb-plays .close:hover{color:#fff;opacity:1;filter:alpha(opacity=100)}
.show .zb-plays{visibility:visible;opacity:1}
.show .zb-plays .zb-play{-webkit-transform:rotateX(0) translateZ(0) translateY(0);transform:rotateX(0) translateZ(0) translateY(0);-ms-transform:rotateX(0) translateZ(0) translateY(0)}
html.show{overflow:hidden}
@media (max-width: 767px){
    .play {display: block;}
    .zb-plays .zb-play{width:100%;max-height: 240px;}
}