.image_view_comment { list-style-type: none; overflow:hidden; width:100%; border: 2px solid #dd6666; margin:0px 0px 20px 0px; padding:10px 10px 0px 10px; min-height:40px; border-radius:5px; }
.image_view_comment li  { display:inline-block; margin:0px 10px 8px 0px; width:150px; overflow:hidden; padding:0px; height:100px; border-radius:5px; }
.image_view_comment li:hover { outline:3px solid #FF4A4A; border-radius:0px; }
.image_view_comment img { width: 150px; margin:-20px 0px 0px 0px; cursor:pointer; }

#board_image_file {width:100%;overflow:hidden;zoom:1}
#board_image_file:after {display:block;visibility:hidden;clear:both;content:""}
#board_image_file a.view_image{display:block}
#board_image_file img {margin-bottom:20px;max-width:100%;height:auto}

.board_image_file .resize_file {
  cursor: pointer;
}

#file_view_bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 99995;
  cursor: pointer;
}
#file_view_bg > .file_view_image {
  display: flex;
  /* max-width: 500px; */
  width: 100%;
  height: 100%;
  margin: 0 auto;
  align-items: center;
}
#file_view_bg > .file_view_image > div {
  flex: 1;
  width: 500px;
  height: 500px;
  text-align: center;
}
#file_view_bg > .file_view_video {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#file_view_bg img {
  height: 500px;
  width: auto;
  position: relative;
  z-index: 99999;
  margin: 0 auto;
}
#file_view_bg video {
  max-width: 100%;
  max-height: 100%;
  flex: 1;
  position: relative;
  z-index: 99999;
  margin: 0 auto;
}

.board_image_file {
  margin: 10px 0;
}
.board_image_file .va_wrap{ display:block; text-align:center; white-space: nowrap}
.board_image_file .va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.board_image_file .va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.board_image_file .va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.board_image_file .img_w { font-size: 0; }
.board_image_file .img_w .img { display: inline-block; width: 120px; height: 120px; border: 1px solid #DDD; overflow: hidden; }
.board_image_file .img_w .img:not(:last-child) { margin-right: 4px; }

.board_image_file .img_w .vvv_div { position: relative; }
.board_image_file .img_w .vvv_div::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 1; }
.board_image_file .img_w .vvv_div:after { content: "\ea3f"; font-family: 'xeicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.75rem; color: #FFF; z-index: 3; }