.cws_viewer {
  height: 500px;
  position: relative; }
  .cws_viewer .cws_viewer_img_cont {
    display: none;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .cws_viewer .cws_viewer_img_cont.visible {
      display: block; }
    .cws_viewer .cws_viewer_img_cont img {
      position: absolute;
      top: 0px;
      left: 0px; }
    .cws_viewer .cws_viewer_img_cont .cws_viewer_thumb_preview {
      display: none;
      position: absolute;
      border: 2px dashed rgba(255, 255, 255, 0.5);
      box-sizing: border-box; }
      .cws_viewer .cws_viewer_img_cont .cws_viewer_thumb_preview.solid {
        border: 2px solid rgba(0, 0, 0, 0.5); }
    .cws_viewer .cws_viewer_img_cont.animated img, .cws_viewer .cws_viewer_img_cont.animated .cws_viewer_thumb_preview {
      -webkit-transition: -webkit-transform 0.5s, top 0.5s, left 0.5s, width 0.5s, height 0.5s;
      -moz-transition: -moz-transform 0.5s, top 0.5s, left 0.5s, width 0.5s, height 0.5s;
      -o-transition: -o-transform 0.5s, top 0.5s, left 0.5s, width 0.5s, height 0.5s;
      transition: transform 0.5s, top 0.5s, left 0.5s, width 0.5s, height 0.5s; }
  .cws_viewer .cws_viewer_controls {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .cws_viewer .cws_viewer_controls .cws_moderation_button {
      position: absolute; }
    .cws_viewer .cws_viewer_controls .cws_viewer_open_button {
      top: 15px;
      left: 15px; }
    .cws_viewer .cws_viewer_controls .cws_viewer_fullscreen_button {
      top: 15px;
      right: 15px; }
    .cws_viewer .cws_viewer_controls .cws_viewer_exit_fullscreen_button {
      top: 15px;
      right: 15px;
      display: none; }
    .cws_viewer .cws_viewer_controls .cws_viewer_rotate_left_button, .cws_viewer .cws_viewer_controls .cws_viewer_rotate_right_button {
      width: 32px;
      height: 32px;
      padding: 0;
      margin: 0;
      box-sizing: content-box;
      border-radius: 32px; }
      .cws_viewer .cws_viewer_controls .cws_viewer_rotate_left_button span, .cws_viewer .cws_viewer_controls .cws_viewer_rotate_right_button span {
        display: block;
        width: 32px;
        height: 32px; }
    .cws_viewer .cws_viewer_controls .cws_viewer_rotate_left_button {
      bottom: 15px;
      left: 15px; }
      .cws_viewer .cws_viewer_controls .cws_viewer_rotate_left_button span {
        background-image: url("../../../s/Tt/Ys/U3JfNIe_z1OY1D3lMxQUhPA.png"); }
    .cws_viewer .cws_viewer_controls .cws_viewer_rotate_right_button {
      bottom: 15px;
      right: 15px; }
      .cws_viewer .cws_viewer_controls .cws_viewer_rotate_right_button span {
        background-image: url("../../../s/JH/W_/jJf_HZCVrwp46IUaSNZaIqc.png"); }
  .cws_viewer.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    min-height: 100%;
    min-width: 100%;
    box-sizing: border-box;
    margin: 0; }
    .cws_viewer.fullscreen .cws_viewer_fullscreen_button {
      display: none; }
    .cws_viewer.fullscreen .cws_viewer_exit_fullscreen_button {
      display: block; }
  .cws_viewer:hover .cws_viewer_controls {
    display: block; }
  .cws_viewer:hover .cws_viewer_thumb_preview {
    display: block; }
