﻿/* Floatbox v4.17 */

/*
Sections:
  custom color scheme (modify colors and bg images for controls here)
  other color schemes
  control widgets (adjust control sizes here if you've swapped out the controls' bg images)
  other settings (not user-changeable)
*/

/** custom color scheme **/

/* overlay color */
#fbOverlay.fb_custom {
    background-color: #000000;
    /* 	background-image: url(graphics/blank.gif);  add a custom background image for the transparent page overlay */
}

/* main floatbox color */
div#fbBox.fb_custom,
#fbBox #fbCorners.fb_custom,
#fbBox #fbBoxLiner.fb_custom,
div#fbZoomDiv.fb_custom {
    background-color: #ffffff;
    /* background-color: #f0f0f0; */
    /* 	background-image: url(graphics/blank.gif);  use this to add a custom background image to the main floatbox area */
    border-radius: 8px;
    overflow: hidden;
}

/* outerBorder color */
#fbBox #fbCorners.fb_custom {
    border-color: #ffffff;
}

/* innerBorder color */
#fbBox #fbContentWrapper.fb_custom {
    /* border-color: #a0a0a0; */
    border: none;
    border-top: #ff8300 solid 1px;
}

/* animated 'loading' graphic */
#fbBox #fbLoader.fb_custom {
    background-image: url(graphics/loader_black_small.gif);
}

/* resize button graphic in the top left corner */
/* note: if you want the smaller resize button, change #fbResizer width and height to 19px */
/* and also add "_small" to the resize gif name (e.g., graphics/resizer_custom_small.gif) */
#fbBox #fbResizer.fb_custom {
    background-image: url(graphics/resizer_custom.gif);
}

/* resize dragger in the lower right corner */
#fbBox #fbDragger.fb_custom {
    background-image: url(graphics/dragger_custom.gif);
}

/* overlay nav graphics */
#fbBox #fbOverlayPrev.fb_custom {
    background-image: url(graphics/overlayPrev_custom.gif);
}
#fbBox #fbOverlayNext.fb_custom {
    background-image: url(graphics/overlayNext_custom.gif);
}

/* newWindowLink image */
#fbBox #fbNewWindowLink.fb_custom a {
    background-image: url(graphics/newWindow_custom_off.png);
}
#fbBox #fbNewWindowLink.fb_custom a:hover {
    background-image: url(graphics/newWindow_custom_on.png);
}

/* 'image x of y', indexLinks & newWindowLink text color */
#fbBox #fbIndexLinks.fb_custom,
#fbBox #fbIndexLinks.fb_custom a:link,
#fbBox #fbIndexLinks.fb_custom a:visited,
#fbBox #fbNewWindowLink.fb_custom a:link,
#fbBox #fbNewWindowLink.fb_custom a:visited,
#fbBox #fbItemNumber.fb_custom {
    color: #000;
}

/* captions, infoLink, printLink, indexLinks:hover & newWindowLink:hover text color */
#fbBox #fbCaption.fb_custom,
#fbBox #fbCaption2.fb_custom,
#fbBox #fbtlWidgetDiv.fb_custom a:link,
#fbBox #fbtlWidgetDiv.fb_custom a:visited,
#fbBox #fbtrWidgetDiv.fb_custom a:link,
#fbBox #fbtrWidgetDiv.fb_custom a:visited,
#fbBox #fbblWidgetDiv.fb_custom a:link,
#fbBox #fbblWidgetDiv.fb_custom a:visited,
#fbBox #fbbrWidgetDiv.fb_custom a:link,
#fbBox #fbbrWidgetDiv.fb_custom a:visited,
#fbBox #fbIndexLinks.fb_custom a:hover,
#fbBox #fbNewWindowLink.fb_custom a:hover {
    color: #f0f0f0; /* let the text invisible, modified by beanfun develope team */
}

/* 'prev' and 'next' nav graphics */
#fbBox #fbPrev.fb_custom {
    background-image: url(graphics/prev_custom.gif);
}
#fbBox #fbNext.fb_custom {
    background-image: url(graphics/next_custom.gif);
}

/* 'play' and 'pause' graphics */
#fbBox #fbPlay.fb_custom {
    background-image: url(graphics/play_custom.gif);
}
#fbBox #fbPause.fb_custom {
    background-image: url(graphics/pause_custom.gif);
}

/* 'close' graphic */
#fbBox #fbClose.fb_custom {
    width: 26px;
    height: 26px;
    position: relative;
    /* background-image: url(graphics/close_custom.gif); */
}
#fbBox #fbClose.fb_custom::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: #767676;
    height: 2px;
    width: 20px;
    pointer-events: none;
}
#fbBox #fbClose.fb_custom::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #767676;
    height: 2px;
    width: 20px;
    pointer-events: none;
}
/** end of custom color scheme **/

/** other color schemes **/

#fbOverlay.fb_black {
    background-color: #000;
}
#fbOverlay.fb_white {
    background-color: #000;
}
#fbOverlay.fb_blue {
    background-color: #0b183b;
}
#fbOverlay.fb_yellow {
    background-color: #752;
}
#fbOverlay.fb_red {
    background-color: #280000;
}

div#fbBox.fb_black,
#fbBox #fbCorners.fb_black,
#fbBox #fbBoxLiner.fb_black,
div#fbZoomDiv.fb_black {
    background-color: #000;
}
div#fbBox.fb_white,
#fbBox #fbCorners.fb_white,
#fbBox #fbBoxLiner.fb_white,
div#fbZoomDiv.fb_white {
    background-color: #fff;
}
div#fbBox.fb_blue,
#fbBox #fbCorners.fb_blue,
#fbBox #fbBoxLiner.fb_blue,
div#fbZoomDiv.fb_blue {
    background-color: #0b183b;
}
div#fbBox.fb_yellow,
#fbBox #fbCorners.fb_yellow,
#fbBox #fbBoxLiner.fb_yellow,
div#fbZoomDiv.fb_yellow {
    background-color: #ed9;
}
div#fbBox.fb_red,
#fbBox #fbCorners.fb_red,
#fbBox #fbBoxLiner.fb_red,
div#fbZoomDiv.fb_red {
    background-color: #580808;
}

#fbBox #fbCorners.fb_black {
    border-color: #888;
}
#fbBox #fbCorners.fb_white {
    border-color: #555;
}
#fbBox #fbCorners.fb_blue {
    border-color: #4060a8;
}
#fbBox #fbCorners.fb_yellow {
    border-color: #680c0c;
}
#fbBox #fbCorners.fb_red {
    border-color: #945848;
}

#fbBox #fbContentWrapper.fb_black {
    border-color: #ccc;
}
#fbBox #fbContentWrapper.fb_white {
    border-color: #000;
}
#fbBox #fbContentWrapper.fb_blue {
    border-color: #aaa8be;
}
#fbBox #fbContentWrapper.fb_yellow {
    border-color: #700;
}
#fbBox #fbContentWrapper.fb_red {
    border-color: #b64;
}

#fbBox #fbLoader.fb_black {
    background-image: url(graphics/loader_black.gif);
}
#fbBox #fbLoader.fb_white {
    background-image: url(graphics/loader_white.gif);
}
#fbBox #fbLoader.fb_blue {
    background-image: url(graphics/loader_black.gif);
}
#fbBox #fbLoader.fb_yellow {
    background-image: url(graphics/loader_white.gif);
}
#fbBox #fbLoader.fb_red {
    background-image: url(graphics/loader_black_small.gif);
}

#fbBox #fbResizer.fb_black {
    background-image: url(graphics/resizer_black.gif);
}
#fbBox #fbResizer.fb_white {
    background-image: url(graphics/resizer_white.gif);
}
#fbBox #fbResizer.fb_blue {
    background-image: url(graphics/resizer_blue.gif);
}
#fbBox #fbResizer.fb_yellow {
    background-image: url(graphics/resizer_yellow.gif);
}
#fbBox #fbResizer.fb_red {
    background-image: url(graphics/resizer_red.gif);
}

#fbBox #fbDragger.fb_black {
    background-image: url(graphics/dragger_black.gif);
}
#fbBox #fbDragger.fb_white {
    background-image: url(graphics/dragger_white.gif);
}
#fbBox #fbDragger.fb_blue {
    background-image: url(graphics/dragger_blue.gif);
}
#fbBox #fbDragger.fb_yellow {
    background-image: url(graphics/dragger_yellow.gif);
}
#fbBox #fbDragger.fb_red {
    background-image: url(graphics/dragger_red.gif);
}

#fbBox #fbOverlayPrev.fb_black {
    background-image: url(graphics/overlayPrev_black.gif);
}
#fbBox #fbOverlayNext.fb_black {
    background-image: url(graphics/overlayNext_black.gif);
}
#fbBox #fbOverlayPrev.fb_white {
    background-image: url(graphics/overlayPrev_white.gif);
}
#fbBox #fbOverlayNext.fb_white {
    background-image: url(graphics/overlayNext_white.gif);
}
#fbBox #fbOverlayPrev.fb_blue {
    background-image: url(graphics/overlayPrev_blue.gif);
}
#fbBox #fbOverlayNext.fb_blue {
    background-image: url(graphics/overlayNext_blue.gif);
}
#fbBox #fbOverlayPrev.fb_yellow {
    background-image: url(graphics/overlayPrev_yellow.gif);
}
#fbBox #fbOverlayNext.fb_yellow {
    background-image: url(graphics/overlayNext_yellow.gif);
}
#fbBox #fbOverlayPrev.fb_red {
    background-image: url(graphics/overlayPrev_red.gif);
}
#fbBox #fbOverlayNext.fb_red {
    background-image: url(graphics/overlayNext_red.gif);
}

#fbBox #fbNewWindowLink.fb_black a {
    background-image: url(graphics/newWindow_black_off.png);
}
#fbBox #fbNewWindowLink.fb_black a:hover {
    background-image: url(graphics/newWindow_black_on.png);
}
#fbBox #fbNewWindowLink.fb_white a {
    background-image: url(graphics/newWindow_white_off.png);
}
#fbBox #fbNewWindowLink.fb_white a:hover {
    background-image: url(graphics/newWindow_white_on.png);
}
#fbBox #fbNewWindowLink.fb_blue a {
    background-image: url(graphics/newWindow_blue_off.png);
}
#fbBox #fbNewWindowLink.fb_blue a:hover {
    background-image: url(graphics/newWindow_blue_on.png);
}
#fbBox #fbNewWindowLink.fb_yellow a {
    background-image: url(graphics/newWindow_yellow_off.png);
}
#fbBox #fbNewWindowLink.fb_yellow a:hover {
    background-image: url(graphics/newWindow_yellow_on.png);
}
#fbBox #fbNewWindowLink.fb_red a {
    background-image: url(graphics/newWindow_red_off.png);
}
#fbBox #fbNewWindowLink.fb_red a:hover {
    background-image: url(graphics/newWindow_red_on.png);
}

#fbBox #fbIndexLinks.fb_black,
#fbBox #fbIndexLinks.fb_black a:link,
#fbBox #fbIndexLinks.fb_black a:visited,
#fbBox #fbNewWindowLink.fb_black a:link,
#fbBox #fbNewWindowLink.fb_black a:visited,
#fbBox #fbItemNumber.fb_black {
    color: #aaa;
}
#fbBox #fbIndexLinks.fb_white,
#fbBox #fbIndexLinks.fb_white a:link,
#fbBox #fbIndexLinks.fb_white a:visited,
#fbBox #fbNewWindowLink.fb_white a:link,
#fbBox #fbNewWindowLink.fb_white a:visited,
#fbBox #fbItemNumber.fb_white {
    color: #666;
}
#fbBox #fbIndexLinks.fb_blue,
#fbBox #fbIndexLinks.fb_blue a:link,
#fbBox #fbIndexLinks.fb_blue a:visited,
#fbBox #fbNewWindowLink.fb_blue a:link,
#fbBox #fbNewWindowLink.fb_blue a:visited,
#fbBox #fbItemNumber.fb_blue {
    color: #a7a7a7;
}
#fbBox #fbIndexLinks.fb_yellow,
#fbBox #fbIndexLinks.fb_yellow a:link,
#fbBox #fbIndexLinks.fb_yellow a:visited,
#fbBox #fbNewWindowLink.fb_yellow a:link,
#fbBox #fbNewWindowLink.fb_yellow a:visited,
#fbBox #fbItemNumber.fb_yellow {
    color: #700;
}
#fbBox #fbIndexLinks.fb_red,
#fbBox #fbIndexLinks.fb_red a:link,
#fbBox #fbIndexLinks.fb_red a:visited,
#fbBox #fbNewWindowLink.fb_red a:link,
#fbBox #fbNewWindowLink.fb_red a:visited,
#fbBox #fbItemNumber.fb_red {
    color: #ca8;
}

#fbBox #fbCaption.fb_black,
#fbBox #fbCaption2.fb_black,
#fbBox #fbtlWidgetDiv.fb_black a:link,
#fbBox #fbtlWidgetDiv.fb_black a:visited,
#fbBox #fbtrWidgetDiv.fb_black a:link,
#fbBox #fbtrWidgetDiv.fb_black a:visited,
#fbBox #fbblWidgetDiv.fb_black a:link,
#fbBox #fbblWidgetDiv.fb_black a:visited,
#fbBox #fbbrWidgetDiv.fb_black a:link,
#fbBox #fbbrWidgetDiv.fb_black a:visited,
#fbBox #fbIndexLinks.fb_black a:hover,
#fbBox #fbNewWindowLink.fb_black a:hover {
    color: #d7d7d7;
}
#fbBox #fbCaption.fb_white,
#fbBox #fbCaption2.fb_white,
#fbBox #fbtlWidgetDiv.fb_white a:link,
#fbBox #fbtlWidgetDiv.fb_white a:visited,
#fbBox #fbtrWidgetDiv.fb_white a:link,
#fbBox #fbtrWidgetDiv.fb_white a:visited,
#fbBox #fbblWidgetDiv.fb_white a:link,
#fbBox #fbblWidgetDiv.fb_white a:visited,
#fbBox #fbbrWidgetDiv.fb_white a:link,
#fbBox #fbbrWidgetDiv.fb_white a:visited,
#fbBox #fbIndexLinks.fb_white a:hover,
#fbBox #fbNewWindowLink.fb_white a:hover {
    color: #000;
}
#fbBox #fbCaption.fb_blue,
#fbBox #fbCaption2.fb_blue,
#fbBox #fbtlWidgetDiv.fb_blue a:link,
#fbBox #fbtlWidgetDiv.fb_blue a:visited,
#fbBox #fbtrWidgetDiv.fb_blue a:link,
#fbBox #fbtrWidgetDiv.fb_blue a:visited,
#fbBox #fbblWidgetDiv.fb_blue a:link,
#fbBox #fbblWidgetDiv.fb_blue a:visited,
#fbBox #fbbrWidgetDiv.fb_blue a:link,
#fbBox #fbbrWidgetDiv.fb_blue a:visited,
#fbBox #fbIndexLinks.fb_blue a:hover,
#fbBox #fbNewWindowLink.fb_blue a:hover {
    color: #d0d0d0;
}
#fbBox #fbCaption.fb_yellow,
#fbBox #fbCaption2.fb_yellow,
#fbBox #fbtlWidgetDiv.fb_yellow a:link,
#fbBox #fbtlWidgetDiv.fb_yellow a:visited,
#fbBox #fbtrWidgetDiv.fb_yellow a:link,
#fbBox #fbtrWidgetDiv.fb_yellow a:visited,
#fbBox #fbblWidgetDiv.fb_yellow a:link,
#fbBox #fbblWidgetDiv.fb_yellow a:visited,
#fbBox #fbbrWidgetDiv.fb_yellow a:link,
#fbBox #fbbrWidgetDiv.fb_yellow a:visited,
#fbBox #fbIndexLinks.fb_yellow a:hover,
#fbBox #fbNewWindowLink.fb_yellow a:hover {
    color: #941010;
}
#fbBox #fbCaption.fb_red,
#fbBox #fbCaption2.fb_red,
#fbBox #fbtlWidgetDiv.fb_red a:link,
#fbBox #fbtlWidgetDiv.fb_red a:visited,
#fbBox #fbtrWidgetDiv.fb_red a:link,
#fbBox #fbtrWidgetDiv.fb_red a:visited,
#fbBox #fbblWidgetDiv.fb_red a:link,
#fbBox #fbblWidgetDiv.fb_red a:visited,
#fbBox #fbbrWidgetDiv.fb_red a:link,
#fbBox #fbbrWidgetDiv.fb_red a:visited,
#fbBox #fbIndexLinks.fb_red a:hover,
#fbBox #fbNewWindowLink.fb_red a:hover {
    color: #ec9;
}

#fbBox #fbPrev.fb_black {
    background-image: url(graphics/prev_black.gif);
}
#fbBox #fbNext.fb_black {
    background-image: url(graphics/next_black.gif);
}
#fbBox #fbPrev.fb_white {
    background-image: url(graphics/prev_white.gif);
}
#fbBox #fbNext.fb_white {
    background-image: url(graphics/next_white.gif);
}
#fbBox #fbPrev.fb_blue {
    background-image: url(graphics/prev_blue.gif);
}
#fbBox #fbNext.fb_blue {
    background-image: url(graphics/next_blue.gif);
}
#fbBox #fbPrev.fb_yellow {
    background-image: url(graphics/prev_yellow.gif);
}
#fbBox #fbNext.fb_yellow {
    background-image: url(graphics/next_yellow.gif);
}
#fbBox #fbPrev.fb_red {
    background-image: url(graphics/prev_red.gif);
}
#fbBox #fbNext.fb_red {
    background-image: url(graphics/next_red.gif);
}

#fbBox #fbPlay.fb_black {
    background-image: url(graphics/play_black.gif);
}
#fbBox #fbPause.fb_black {
    background-image: url(graphics/pause_black.gif);
}
#fbBox #fbPlay.fb_white {
    background-image: url(graphics/play_white.gif);
}
#fbBox #fbPause.fb_white {
    background-image: url(graphics/pause_white.gif);
}
#fbBox #fbPlay.fb_blue {
    background-image: url(graphics/play_blue.gif);
}
#fbBox #fbPause.fb_blue {
    background-image: url(graphics/pause_blue.gif);
}
#fbBox #fbPlay.fb_yellow {
    background-image: url(graphics/play_yellow.gif);
}
#fbBox #fbPause.fb_yellow {
    background-image: url(graphics/pause_yellow.gif);
}
#fbBox #fbPlay.fb_red {
    background-image: url(graphics/play_red.gif);
}
#fbBox #fbPause.fb_red {
    background-image: url(graphics/pause_red.gif);
}

#fbBox #fbClose.fb_black {
    background-image: url(graphics/close_black.gif);
}
#fbBox #fbClose.fb_white {
    background-image: url(graphics/close_white.gif);
}
#fbBox #fbClose.fb_blue {
    background-image: url(graphics/close_blue.gif);
}
#fbBox #fbClose.fb_yellow {
    background-image: url(graphics/close_yellow.gif);
}
#fbBox #fbClose.fb_red {
    background-image: url(graphics/close_red.gif);
}

/** end of other color schemes **/

/** control widgets **/

#fbBox #fbControls {
    font-size: 1px;
    height: 20px; /* all the controls (prev|next, play|pause, close) should be the same height */
}

#fbBox #fbNavControls {
    width: 88px; /* sum of prev and next widths */
    height: 14px;
}

#fbBox #fbPrev {
    float: left;
    background-repeat: no-repeat;
    width: 44px; /* prev nav control */
    height: 14px;
}

#fbBox #fbNext {
    float: right;
    background-repeat: no-repeat;
    width: 44px; /* next nav control */
    height: 14px;
}

#fbBox #fbPlayPause,
#fbBox #fbPlay,
#fbBox #fbPause {
    text-align: justify;
    width: 46px; /* slideshow controls - play and pause need to be the same size */
    height: 14px;
}

#fbBox #fbPlay,
#fbBox #fbPause {
    position: absolute;
    background-repeat: no-repeat;
}

#fbBox #fbClose {
    background-repeat: no-repeat;
    width: 46px; /* the close button */
    height: 20px;
}

#fbBox #fbResizer {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px; /* resizer widget in the top-left corner */
    height: 25px;
}

#fbBox #fbDragger {
    position: absolute;
    cursor: nw-resize;
    background-position: right bottom; /* 'cause ie6 makes it taller than actual size */
    background-repeat: no-repeat;
    width: 12px; /* dragger widget in the bottom-right corner */
    height: 12px;
}

/** end of control widgets **/

div#fbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
}

div#fbBox {
    position: absolute;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: none;
}

#fbBox div.fb,
#fbBox a.fb,
#fbBox img.fb,
#fbBox iframe.fb,
#fbBox #fbIndexLinks a,
div#fbZoomDiv img#fbZoomImg {
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: none;
}
#fbBox a.fb {
    background-image: url(graphics/blank.gif);
    background-color: transparent;
}
#fbBox div.fb {
    background-color: transparent;
}

#fbBox #fbContentWrapper {
    overflow: hidden;
}

div#fbZoomDiv,
a.fbPopup img,
a.fbPopdown img,
a.fbPopleft img,
a.fbPopright img,
a.fbPoppip img,
#fbContentWrapper img.fbPoppip {
    position: absolute;
    left: 0;
    top: -9999px;
    border-style: solid;
    border-color: #000;
    /* zoomer and popup border-widths are set in js code (sorry) */
    margin: 0;
    padding: 0;
}

#fbBox #fbLoader,
#fbZoomDiv #fbLoaderGif,
#fbContentWrapper #fbLoaderGif,
#fbContentWrapper #fbIframeHider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}

#fbZoomDiv #fbLoaderGif,
#fbContentWrapper #fbLoaderGif {
    background-image: url(graphics/loader_black.gif);
}

div.fbCycler {
    position: relative;
}
div.fbCycler a,
div.fbCycler div {
    position: absolute;
    /* 	left: 0; */
    text-decoration: none;
}
div.fbCycler span {
    /* wrap text under the thumbnail/image */
    display: block;
    text-align: center;
}
div.fbCycler a span {
    text-decoration: underline;
}

#fbBox #fbShadows,
#fbBox #fbShadowTop,
#fbBox #fbShadowRight,
#fbBox #fbShadowBottom,
#fbBox #fbShadowLeft,
#fbBox #fbShadowCorner,
#fbBox #fbCorners,
#fbBox #fbCornerTop,
#fbBox #fbCornerRight,
#fbBox #fbCornerBottom,
#fbBox #fbCornerLeft,
#fbBox #fbCorners2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
#fbBox #fbShadows,
#fbBox #fbCorners {
    overflow: visible;
    border-style: solid;
}
#fbBox #fbShadowRight {
    background-position: right top;
}
#fbBox #fbShadowCorner {
    background-position: right bottom;
}
#fbBox #fbShadowBottom {
    background-position: left bottom;
}

#fbBox #fbBoxLiner {
    position: relative; /* images won't fade in/out in ie6 if absolute */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#fbBox #fbContentWrapper,
#fbBox #fbtlPanel,
#fbBox #fbtrPanel,
#fbBox #fbblPanel,
#fbBox #fbbrPanel {
    position: absolute;
    border-style: solid;
    overflow: hidden;
}

#fbBox #fbContentWrapper,
div#fbZoomDiv {
    background-color: #fff; /* can override with per-item backgroundColor option */
}

#fbBox #fbInfoLink,
#fbBox #fbPrintLink {
    /* "Info...", "Print..." */
    font-weight: bold;
}

#fbBox #fbLeftNav,
#fbBox #fbRightNav {
    position: absolute;
    height: 100%;
}
#fbBox #fbLeftNav,
#fbBox #fbOverlayPrev {
    left: 0;
}
#fbBox #fbRightNav,
#fbBox #fbOverlayNext {
    right: 0;
}

#fbBox #fbOverlayPrev,
#fbBox #fbOverlayNext {
    position: absolute;
    background-repeat: no-repeat;
    width: 49px; /* popup prev and next that overlays images */
    height: 23px;
}

#fbBox #fbtlPanel,
#fbBox #fbtrPanel,
#fbBox #fbblPanel,
#fbBox #fbbrPanel {
    line-height: 1.25em;
    /* caption etc. text */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#fbBox #fbCaption,
#fbBox #fbCaption2 {
    cursor: default;
}

#fbBox #fbItemNumber {
    font-size: 10px; /* 'image x of y' text */
    white-space: nowrap;
    cursor: default;
}

#fbBox #fbIndexLinks,
#fbBox #fbNewWindowLink {
    clear: both;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
}
#fbBox #fbIndexLinks a,
#fbBox #fbIndexLinks span {
    padding: 0 1px;
}
#fbBox #fbNewWindowLink a {
    font-size: 12px;
    padding-left: 19px; /* for the bg image */
    background-repeat: no-repeat;
    background-position: top left;
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the panels depending on which side they're on */
#fbBox #fbtlPanel.posCenter,
#fbBox #fbtrPanel.posCenter,
#fbBox #fbblPanel.posCenter,
#fbBox #fbbrPanel.posCenter,
#fbBox #fbtlWidgetDiv.posCenter,
#fbBox #fbtrWidgetDiv.posCenter,
#fbBox #fbblWidgetDiv.posCenter,
#fbBox #fbbrWidgetDiv.posCenter,
#fbBox #fbIndexLinks.posCenter,
#fbBox #fbNewWindowLink.posCenter {
    margin: 0 auto;
}
#fbBox #fbtlPanel.posRight,
#fbBox #fbtrPanel.posRight,
#fbBox #fbblPanel.posRight,
#fbBox #fbbrPanel.posRight,
#fbBox #fbtlWidgetDiv.posRight,
#fbBox #fbtrWidgetDiv.posRight,
#fbBox #fbblWidgetDiv.posRight,
#fbBox #fbbrWidgetDiv.posRight,
#fbBox #fbIndexLinks.posRight,
#fbBox #fbNewWindowLink.posRight,
#fbBox #fbControls.posRight,
#fbBox #fbClose.posRight,
#fbBox #fbSubControls.posRight,
#fbBox #fbNavControls.posLeft,
#fbBox #fbPlayPause.posLeft {
    float: right;
}
#fbBox #fbtlPanel.posLeft,
#fbBox #fbtrPanel.posLeft,
#fbBox #fbblPanel.posLeft,
#fbBox #fbbrPanel.posLeft,
#fbBox #fbtlWidgetDiv.posLeft,
#fbBox #fbtrWidgetDiv.posLeft,
#fbBox #fbblWidgetDiv.posLeft,
#fbBox #fbbrWidgetDiv.posLeft,
#fbBox #fbIndexLinks.posLeft,
#fbBox #fbNewWindowLink.posLeft,
#fbBox #fbControls.posLeft,
#fbBox #fbClose.posLeft,
#fbBox #fbSubControls.posLeft,
#fbBox #fbNavControls.posRight,
#fbBox #fbPlayPause.posRight {
    float: left;
}
/* IE6 wants these, maybe for layout? */
#fbSubControls,
#fbClose,
#fbIndexLinks,
#fbNewWindowLink,
#fbPlayPause,
#fbNavControls {
    float: left;
}

/* firefox/flash outline and wmode-scroll-click bug fixes */
object.fbFlashObject {
    outline: none;
}
object.fbFlashObject:hover {
    border: 0 solid;
}

/**** added by beanfun develope team **************************/
#fbBox #fbCaption {
    background-image: url(https://tw.hicdn.beanfun.com/INTRA/images/header/oneBrand-logo.png);
    /* background-size: 125px auto; */
    background-size: auto 25px;
    background-repeat: no-repeat;
    text-align: right;
    /* height:18px; */
    height: 25px;
    /* padding-top:6px; */
    color: #f0f0f0;
}

#fbBox #fbControls {
    height: 26px;
}
#fbBox #fbSubControls {
    /* padding: 16px 16px 0 0; */
}
#fbBox #fbClose {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
}
