The HTML and class structure could be cleaned up here. I'd prefer to see something like the following that

1. is less redundant/bloated
2. uses standard class naming conventions
3. uses semantic markup (which allows for elements to be better read to assistive tech)
4. provides text alternative to icon-based zoom controls

```html
<div class="wrapper-modal wrapper-modal-image">
  <section class="image-content">
    <div class="wrapper-image">
      <!-- image HTML -->
    </div>
  </section>

  <ul class="image-controls">
    <li class="image-controls-zoom-in">
      <a href="" class="action-zoom-in" role="button">
        <i class="icon-zoom-in">
          <span class="label">Zoom In</span>
        </i>
      </a>
    </li>

    <li class="image-controls-zoom-out">
      <a href="" class="action-zoom-out" role="button">
        <i class="icon-zoom-out">
          <span class="label">Zoom Out</span>
        </i>
      </a>
    </li>
  </ul>
</div>
```