.panel-previewExample{position:relative}.previewExample-container{position:relative;display:flex;flex-direction:row;flex-wrap:wrap}.previewExample-container>div{margin:0 4px 4px 0}table .previewExample-container>div{margin-top:2px}.previewExample-container.previewExample-width-default>div{flex:1;width:1px}.previewExample-image{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2px;border:1px solid #d2d9e2;border-radius:4px}.previewExample-image>.panel-imageBox{width:100%;height:100%}.previewExample-image img{width:auto;height:auto;max-width:100%;max-height:100%;user-select:none}.previewExample-image>.previewExample-image-icon{position:absolute;right:2px;top:2px;cursor:pointer;opacity:0;transition:opacity .3s linear}.previewExample-image:hover>.previewExample-image-icon{opacity:1}.previewExample-image>.previewExample-image-icon>i{opacity:.7;transition:opacity .3s linear}.previewExample-image:hover>.previewExample-image-icon>i:hover{opacity:1;color:#2f2d2d}.previewExample-image.previewExample-regionAll>img{cursor:pointer}.previewExample-image.previewExample-iconSize-large .previewExample-image-icon>i{font-size:16px}.previewExample-image.previewExample-iconSize-small .previewExample-image-icon>i{font-size:14px}.previewExample-image:hover>.previewExample-image-icon>i.clIcon-close:hover{color:red}.previewExample-video{position:relative}.previewExample-video>.previewExample-video-img{border-width:0;background-color:#000;width:100%;height:100%}.previewExample-video-icon{position:absolute;top:50%;left:50%;background-color:#292929;border-radius:50%;text-align:center;cursor:pointer;z-index:100}.previewExample-video-icon>i{color:#fff;font-size:18px;height:40px;line-height:40px;margin-left:5px;opacity:.5;transition:opacity .3s linear}.previewExample-video-icon:hover>i{opacity:1}.previewExample-video.previewExample-iconSize-large .previewExample-video-icon{width:40px;height:40px;margin-left:-20px;margin-top:-20px}.previewExample-video.previewExample-iconSize-large .previewExample-video-icon>i{font-size:18px;height:40px;line-height:40px;margin-left:5px}.previewExample-video.previewExample-iconSize-small .previewExample-video-icon{width:20px;height:20px;margin-left:-10px;margin-top:-10px}.previewExample-video.previewExample-iconSize-small .previewExample-video-icon>i{font-size:12px;height:20px;line-height:20px;margin-left:3px}.previewExample-totalCount{position:absolute;bottom:1px;right:1px;z-index:10;margin:0!important;padding:0 5px!important;border-radius:4px;background-color:#0009;user-select:none}.previewExample-totalCount>span{font-size:12px;color:#fff}.previewExample-item{overflow:hidden}.previewExample-item .previewExample-label-msg{position:absolute;inset:auto 0 -23px;display:block;width:auto;height:22px;background-color:#0000008c;color:#fff;text-align:center;transition:all .2s ease}.previewExample-item:hover .previewExample-label-msg{top:auto;bottom:0}
