@charset "utf-8";
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background-color: #fff; color: #505050; text-shadow: none; }

.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #505050; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { background-image: url('../images/class/fancyBox/fancybox_sprite.png'); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url('../images/class/fancyBox/fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: 0px; right: -60px; width: 39px; height: 41px; cursor: pointer; z-index: 8040; background: url(../images/class/fancyBox/fram_close.png) no-repeat scroll center center; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/class/fancyBox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: -60px; }

.fancybox-next { right: -60px; }
.fancybox-prev span { background-image: url(../images/class/fancyBox/pro_l3.png); }
.fancybox-next span { background-image: url(../images/class/fancyBox/pro_r3.png); }
.fancybox-nav span { position: absolute; display: block; top: 50%; width: 22px; height: 41px; margin-top: -20px; opacity: 0.5; cursor: pointer; z-index: 8040; }

.fancybox-prev span { left: -62px; background-position: 0 0px; }

.fancybox-next span { right: -62px; background-position: right 0px; }

.fancybox-nav:hover span { visibility: visible; opacity: 1; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/class/fancyBox/fancybox_overlay.png'); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { /*overflow: auto;
	overflow-y: scroll;*/ }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 18px/1.5 "Microsoft JhengHei","Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-title .i { background: url(../images/class/fancyBox/i.gif) no-repeat scroll left center; padding-left: 12px; font: 14px/1.4 "zaproman","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; color: #b4b4b4; }
.fancybox-title .i2 { font: 14px/1.4 "zaproman","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; color: #b4b4b4; }
.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -90px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ color: #FFF; font-size: 20px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 15px; text-align: center; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }