/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; margin:0 auto; }
/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px; }
/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }
/* GALLERY PANELS */
.panel { }
/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay, .panel .overlay-background { height: 60px; padding: 0 1em; }
/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }
/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame { }
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }
/* FRAME IMAGES */
.frame img { border: none; }
/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }
/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }
/* POINTER FOR CURRENT FRAME */
.pointer { border-color: #000; }
/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer { filter: chroma(color=pink); }



/*分页开始*/


.hefy { width:900px; height:100px; margin:30px auto  ; text-align:center; border-top:1px solid #333333; border-bottom: 1px solid #333333; }
.hefy ol { width:410px; height:75px; margin:10px auto 0; list-style:none; padding:0; background:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/fybg.png") 0 3px no-repeat; }
.hefy ol a { display:block; float:left; height:75px;}
.hefy .a1 { width:75px; }
.hefy .a12 { background:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/fybg.png") 0 -95px no-repeat;}
.hefy .a2 { width:85px; }
.hefy .a22 { background:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/fybg.png") -75px -95px no-repeat;}

.hefy .a3 { width:85px; text-align:center; line-height:75px; font-size:24px; color:#ffffff; font-weight:bold; }
.hefy .a4 { width:85px; }
.hefy .a42 { background:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/fybg.png") -245px -95px no-repeat;}
.hefy .a5 { width:75px; }
.hefy .a52 { background:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/fybg.png") -330px -95px no-repeat;}

/*分页结束*/






h2 { margin:0; padding:0;}

.panel-overlay { overflow:hidden; text-align:left;}
.panel-overlay h2 { margin-top:5px; line-height:150%;  }
.panel-overlay p { margin:0;  line-height:22px;}
.panel-overlay p a { font-size:12px; color:#993333; margin-left:10px;}
.panel { text-align:center; overflow:hidden;}
.imgbox {display: table-cell;vertical-align:middle;  text-align:center;*display: block;*font-size: 523px;  *font-family:Arial;  width:898px; height:598px;border: 1px solid #eee;  overflow:hidden;}
.imgbox img {vertical-align:middle;}

.filmbox {display: table-cell;vertical-align:middle;  text-align:center;*display: block;*font-size: 78px;  *font-family:Arial;  width:90px; height:90px;border: 0px solid #eee;  overflow:hidden;}
.filmbox img {vertical-align:middle;}


.strip_wrapper { background:#333333;}
.galleryview { background:#333333;}
.filmstrip { background:#333333;}
#photos { background:#333333;}
#pointer {width:88px!important; height:88px!important; width:92px; height:92px;}


.nav-next,.img-next { cursor:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/next.cur"),  default; }
.nav-prev,.img-prev { cursor:url("http://qsg.www.losbananas.com/ftpjs/jgall2/js/themes/light/prev.cur"),  default; }

.jgall-title {/* position: absolute; */z-index: 1999; width: 880px; height: 70px; top: -70px; left: 0px; padding: 0px 10px; color: white; font-size: 1em;}
.jgall-title-m { width:880px; height:40px; line-height:40px; z-index:2000; text-align:center; }
.jgall-title-m h2 { line-height:36px;}
.jgall-title-l { width:400px; float: left; height:30px; text-align:left; font-size:12px; color:#999999; }
.jgall-title-l span { margin-right:5px; margin-left:5px;}
.jgall-title-l a {}
.jgall-title-r { width:400px; float:right; height:30px;}

.jgall-title-you { position:absolute; z-index:20000; width:300px; height:30px; top:40px; right:0; color:#ffffff;}