.PScanvas{
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0);
    position: fixed;
    z-index: 10000;
    top:0;
    transition:all .3s;
    box-sizing: border-box;
    padding:0;
    overflow: none
}
.PScanvas.on{
    background:rgba(0,0,0,1);
}
.PScanvas i,.PScanvas .PSloaded{
    color:rgba(255,255,255,.8);
    margin:8px 12px;
    width:24px;
    height:24px;
    text-align: center;
    float:right;
    font-size:24px;
    cursor:pointer;
    font-weight: normal
}
.PScanvas i.arrow{
    position: absolute;
    top:calc(50vh - 16px);
    left:8px;
    z-index: 10;
    background:rgba(0,0,0,.2);
    border-radius:2px;
    padding:4px;
    width:32px;
    height: 32px;
    box-sizing: border-box;
}
.PScanvas i.arrow.right{
    left:auto;
    right:8px;
}
.PScanvas .PSloaded{
    float:none;
    line-height:24px;
    font-size: 18px;
    width:auto;
    display: inline-block;
}
.PScanvas i:hover{
    color:white;
}
.PScanvas i:active{
    color:#A0EDF6;
}
.PScontainer{
    height:calc(100vh - 80px);
    position: absolute;
    top:40px;
    transform: translate3d(0,0,0);
    transition:transform .3s;
}
.PSslide{
    width:100vw;
    height:100%;
    overflow: auto;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
}
.PSslide.full{
    display:inline-block;
}
.PSslide img{
    max-width:100vw;
    max-height: calc(100vh - 80px);
    display: block;
    margin:0 auto;
    cursor:zoom-in;
}
.PSslide img.full{
    max-width: none;
    max-height: none;
    cursor:zoom-out;
}