#demo{width:20vh;height:20vh;position:relative;border:3px dashed #dcdcdc;display:flex;justify-content:center;align-items:center;margin-left:1em;margin-top:1em}#demo_file{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}#demo_img{display:block;width:50%;height:50%}#look{width:70vh;display:flex;flex-wrap:wrap;justify-content:left;align-items:center}#look_img{width:20vh;height:20vh;margin-left:1em;margin-top:1em;display:flex;justify-content:space-around}#look_img img{display:block;width:20vh;height:20vh;cursor:pointer}#look_event{background:rgba(0,0,0,.6);width:20vh;height:0;position:absolute;transition:1s;display:flex;justify-content:center;align-items:center}#look_event img{display:block;width:2em;height:0;cursor:pointer}#look_img:hover #look_event{height:20vh}#look_img:hover #look_event>img{height:2em}#preview{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}#preview img{width:40%}#preview_close{position:absolute;top:4vh;right:0;display:flex;justify-content:center}#preview_last{left:0}#preview_last,#preview_next{position:absolute;top:50%;display:flex;justify-content:center}#preview_next{right:0}