#cboxLoadedContent {
      overflow: hidden !important; }

    #cboxContent button:focus {
      outline:none;
    }

    #colorbox {
      z-index: 111111; }
      #colorbox img {
        display: block;
        width: auto !important;
        height: auto !important; 
      }

    #cboxOverlay {
      background-color: #000000;
      z-index: 111110;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }

    #colorbox #cboxCurrent,
    #colorbox #cboxTitle {
      display: none !important; }
    #colorbox #cboxPrevious,
    #colorbox #cboxNext {
      font-family: 'FontAwesome';
      height: 40px;
      width: 32px;
      overflow: hidden;
      letter-spacing: 20px;
      font-size: 32px;
      color: #fff;
      display: block;
      padding: 0;
      margin: 0;
      position: absolute;
      right: -70px;
      top: 50%;
      margin-top: -20px;
      background: none;
      border: none;
      cursor: pointer; }
      #colorbox #cboxPrevious:before,
      #colorbox #cboxNext:before {
        content: "\f054"; }
    #colorbox #cboxPrevious {
      right: auto;
      left: -70px; }
      #colorbox #cboxPrevious:before {
        content: "\f053"; }
       
    #colorbox #cboxClose {
      background: none;
      border: none;
      padding: 0;
      font-size: 36px;
      color: #fff;
      position: absolute;
      top: -70px;
      right: -60px; }

    /*
        Colorbox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
    #colorbox, #cboxOverlay, #cboxWrapper {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9999; }

    #cboxWrapper {
      max-width: none; }

    #cboxOverlay {
      position: fixed;
      width: 100%;
      height: 100%;
      //background: url(images/overlay.png) repeat 0 0;
      }

    #cboxMiddleLeft, #cboxBottomLeft {
      clear: left; }

    #cboxContent {
      position: relative; }

    #cboxLoadedContent {
      overflow: auto;
      -webkit-overflow-scrolling: touch; }

    #cboxTitle {
      margin: 0; }

    #cboxLoadingOverlay, #cboxLoadingGraphic {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
      cursor: pointer; }

    .cboxPhoto {
      float: left;
      margin: auto;
      border: 0;
      display: block;
      max-width: none;
      -ms-interpolation-mode: bicubic; }

    .cboxIframe {
      width: 100%;
      height: 100%;
      display: block;
      border: 0;
      padding: 0;
      margin: 0; }

    #colorbox, #cboxContent, #cboxLoadedContent {
      box-sizing: content-box;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box; }

    /*
        User Style:
        Change the following styles to modify the appearance of Colorbox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #colorbox {
      outline: 0; }

    #cboxContent {
      background: #fff; 
    margin-top: 0;
    }

    .cboxIframe {
      background: #fff; }

    #cboxLoadingOverlay {
      background: url(loading_background.png) no-repeat center center; }

    #cboxLoadingGraphic {
      background: url(loading.gif) no-repeat center center; }

    .popover {
      background-color: #fff;
      padding: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      max-width: 620px;
      position: absolute;
      margin-top: -25px; }
      .popover .arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #ffffff transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -12px; }

    .baloon_ttl {
      text-align: center;
      font-size: 18px;
      line-height: 22px;
      font-weight: bold;
      color: #333333; }

    .baloon_txt {
      text-align: center; }

    #colorbox{outline:0;}
    #cboxTopLeft{width:13px; height:13px; background:url(controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:13px; height:13px; background:url(controls.png) no-repeat -137px 0;}
    #cboxBottomLeft{width:13px; height:13px; background:url(controls.png) no-repeat -101px -36px;}
    #cboxBottomRight{width:13px; height:13px; background:url(controls.png) no-repeat -137px -36px;}
    #cboxMiddleLeft{width:13px; background:url(controls.png) left top repeat-y;}
    #cboxMiddleRight{width:13px; background:url(controls.png) right top repeat-y;}
    #cboxTopCenter{height:13px; background:url(border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:13px; background:url(border.png) 0 -37px repeat-x;}
 
 #colorbox button:hover {
        color:#FDCB43 !important; 
}