.file-preview-dialog[data-v-86b840d6]{position:fixed;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:3000}.file-preview-dialog .content[data-v-86b840d6]{position:relative;width:960px;height:80%}.file-preview-dialog .content:hover .nav-bar[data-v-86b840d6]{opacity:1}.file-preview-dialog .content .nav-bar[data-v-86b840d6]{transition:opacity .2s;opacity:0}.file-preview-dialog .content .icon[data-v-86b840d6]{width:48px;height:48px;line-height:48px;background:#333;position:absolute;top:50%;color:#fff;z-index:10;text-align:center;border-radius:48px;font-size:18px;cursor:pointer}.file-preview-dialog .content .icon-left[data-v-86b840d6]{left:16px;top:50%;transform:translateY(-50%) rotate(180deg)}.file-preview-dialog .content .icon-right[data-v-86b840d6]{right:16px;transform:translateY(-50%)}.file-preview-dialog .close[data-v-86b840d6]{width:48px;height:48px;background:#555;position:absolute;right:30px;top:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.file-preview-dialog .close[data-v-86b840d6]:hover{background:#444}.file-preview-dialog .close .icon[data-v-86b840d6]{font-size:20px;color:#fff}