#imagelightbox {
   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}
 
/* "CLOSE" BUTTON */
 
      #imagelightbox-close
      {
         width: 2.5em; /* 40 */
         height: 2.5em; /* 40 */
         text-align: left;
         background-color: rgba( 0, 0, 0, .5 );
         border-radius: 50%;
         position: fixed;
         z-index: 10002;
         top: 2.5em; /* 40 */
         right: 2.5em; /* 40 */
 
         -webkit-transition: color .3s ease;
         transition: color .3s ease;
		 border:none;
      }
         #imagelightbox-close:hover,
         #imagelightbox-close:focus
         {
            background-color: rgba( 0, 0, 0, .9 );
         }
         #imagelightbox-close:before,
         #imagelightbox-close:after
         {
            width: 2px;
            background-color: #fff;
            content: '';
            position: absolute;
            top: 20%;
            bottom: 20%;
            left: 50%;
            margin-left: -1px;
         }
         #imagelightbox-close:before
         {
            -webkit-transform: rotate( 45deg );
            -ms-transform: rotate( 45deg );
            transform: rotate( 45deg );
         }
         #imagelightbox-close:after
         {
            -webkit-transform: rotate( -45deg );
            -ms-transform: rotate( -45deg );
            transform: rotate( -45deg );
         }
 
/* ARROWS */
 
      .imagelightbox-arrow
      {
         width: 3.75em; /* 60 */
         height: 7.5em; /* 120 */
         background-color: #444;
         background-color: rgba( 0, 0, 0, .5 );
         vertical-align: middle;
         display: none;
         position: fixed;
         z-index: 10001;
         top: 50%;
         margin-top: -3.75em; /* 60 */
		 border:none;
      }
      .imagelightbox-arrow:hover,
      .imagelightbox-arrow:focus
      {
         background-color: #666;
         background-color: rgba( 0, 0, 0, .75 );
      }
      .imagelightbox-arrow:active
      {
         background-color: #111;
      }
         .imagelightbox-arrow-left
         {
            left: 2.5em; /* 40 */
         }
         .imagelightbox-arrow-right
         {
            right: 2.5em; /* 40 */
         }
         .imagelightbox-arrow:before
         {
            width: 0;
            height: 0;
            border: 1em solid transparent;
            content: '';
            display: inline-block;
            margin-bottom: -0.125em; /* 2 */
         }
            .imagelightbox-arrow-left:before
            {
               border-left: none;
               border-right-color: #fff;
               margin-left: -0.313em; /* 5 */
            }
            .imagelightbox-arrow-right:before
            {
               border-right: none;
               border-left-color: #fff;
               margin-right: -0.313em; /* 5 */
            }
 
      #imagelightbox-loading,
      #imagelightbox-overlay,
      #imagelightbox-close,
      #imagelightbox-caption,
      #imagelightbox-nav,
      .imagelightbox-arrow
      {
         -webkit-animation: fade-in .25s linear;
         animation: fade-in .25s linear;
      }
         @-webkit-keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }
         @keyframes fade-in
         {
            from   { opacity: 0; }
            to      { opacity: 1; }
         }
 
      @media only screen and (max-width: 41.250em) /* 660 */
      {
         #container
               {
            width: 100%;
         }
         #imagelightbox-close
         {
            top: 1.25em; /* 20 */
            right: 1.25em; /* 20 */
         }
         #imagelightbox-nav
         {
            bottom: 1.25em; /* 20 */
         }
 
         .imagelightbox-arrow
         {
            width: 2.5em; /* 40 */
            height: 3.75em; /* 60 */
            margin-top: -2.75em; /* 30 */
         }
         .imagelightbox-arrow-left
         {
            left: 1.25em; /* 20 */
         }
         .imagelightbox-arrow-right
         {
            right: 1.25em; /* 20 */
         }
      }
 
      @media only screen and (max-width: 20em) /* 320 */
      {
         .imagelightbox-arrow-left
         {
            left: 0;
         }
         .imagelightbox-arrow-right
         {
            right: 0;
         }
      }