/* Base Lightbox Styles */
.matchbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  display: none;
  font-size: 16px;
  /* For the buttons that are on the edges of the window */
  /* Button specific things */ }
  .matchbox * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .matchbox .backdrop {
    /* Coloring done below */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .matchbox img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%; }
  .matchbox .btn {
    font-family: iconfont;
    position: fixed;
    font-size: 2.5em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    padding: .25em; }
    .matchbox .btn a {
      display: inline-block;
      font-size: 1.5em;
      line-height: 0.75em; }
  .matchbox .btn:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  .matchbox .close {
    top: 0;
    right: 0; }
    .matchbox .close a {
      margin-top: -.1em;
      /* Adjusted for characters vertical positioning */ }
  .matchbox .open {
    top: 0;
    left: 0; }
  .matchbox .arrow.next {
    top: 50%;
    right: 0;
    margin-top: -.5em; }
  .matchbox .arrow.previous {
    top: 50%;
    left: 0;
    margin-top: -.5em; }

/* Styles for the image pre-loader */
img.matchbox.loader {
  position: absolute;
  top: 101%;
  left: 101%; }

/* Theme styles */
.matchbox.dark .backdrop {
  background-color: #000;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.matchbox.dark img {
  -webkit-box-shadow: 0px 1px 5px black;
  box-shadow: 0px 1px 5px black; }
.matchbox.dark .close, .matchbox.dark .open a, .matchbox.dark .arrow {
  color: #FAFAFA;
  text-shadow: 0px 0px 5px #000;
  text-decoration: none; }

.matchbox.light .backdrop {
  background-color: #FAFAFA;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.matchbox.light img {
  -webkit-box-shadow: 0px 1px 5px white;
  box-shadow: 0px 1px 5px white; }
.matchbox.light .close, .matchbox.light .open a, .matchbox.light .arrow {
  color: #000;
  text-shadow: 0px 0px 5px #FAFAFA;
  text-decoration: none; }

/* Loading Animation Style */
.matchbox .loading img {
  background: #eee;
  border: 5px solid #eee;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  -webkit-animation: spin 2s steps(12) infinite;
  -ms-animation: spin 2s steps(12) infinite;
  animation: spin 2s steps(12) infinite; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* The Embeded web font, used for the icons, tries to degrade as best as possible in IE8 */
@font-face {
  font-family: 'iconfont';
  src: url("fonts/iconfont.eot"); }
@font-face {
  font-family: 'iconfont';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url("font/iconfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
