@charset "utf-8";
/************************************* lightbox-蒙板 *************************************/
#lbMengban {
	position:absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 500px;
	z-index: 99998;
}
.greyMengban { background: #000; }
.redMengban { background: #300; }
.greenMengban { background: #030; }
.blueMengban { background: #011d50; }
.goldMengban { background: #660; }
/************************************* lightbox *************************************/
#lightbox {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: 99999;
}
/************************************* lightbox-容器 *************************************/
#lbContainer {
	position:relative;
	width: 250px;
	margin: 0 auto;
	overflow:hidden;
}
.greyLightbox #lbContainer { background:#f3efec; }
.redLightbox #lbContainer { background:#d00; }
.greenLightbox #lbContainer { background:#00b000; }
.blueLightbox #lbContainer { background:#5f89d8; }
.goldLightbox #lbContainer { background:#b0b000; }
/************************************* lightbox-loading *************************************/
#lbLoading {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	height: 32px;
	background: url(../images/lightbox/loading.gif) center no-repeat;
}
/************************************* lightbox-前一个 *************************************/
#lbPrev {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background:url(../images/lightbox/blank.gif);
}
.greyLightbox #lbPrev:hover { background: url(../images/lightbox/prev_grey.gif) left 35% no-repeat; }
.redLightbox #lbPrev:hover { background: url(../images/lightbox/prev_red.gif) left 35% no-repeat; }
.greenLightbox #lbPrev:hover { background: url(../images/lightbox/prev_green.gif) left 35% no-repeat; }
.blueLightbox #lbPrev:hover { background: url(../images/lightbox/prev_blue.gif) left 35% no-repeat; }
.goldLightbox #lbPrev:hover { background: url(../images/lightbox/prev_gold.gif) left 35% no-repeat; }
/************************************* lightbox-后一个 *************************************/
#lbNext {
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 50%;
	height: 100%;
	background:url(../images/lightbox/blank.gif);
}
.greyLightbox #lbNext:hover { background:url(../images/lightbox/next_grey.gif) right 35% no-repeat; }
.redLightbox #lbNext:hover { background:url(../images/lightbox/next_red.gif) right 35% no-repeat; }
.greenLightbox #lbNext:hover { background:url(../images/lightbox/next_green.gif) right 35% no-repeat; }
.blueLightbox #lbNext:hover { background:url(../images/lightbox/next_blue.gif) right 35% no-repeat; }
.goldLightbox #lbNext:hover { background:url(../images/lightbox/next_gold.gif) right 35% no-repeat; }
/************************************* lightbox-内容（可以是图片，文章等）容器 *************************************/
#lbContent {
	padding:10px;
}
/************************************* lightbox-相关信息容器 *************************************/
#lbDetails {
	padding: 0 10px 10px 10px;
	font: 12px/1.4em Verdana;
}
#lbDeailsTitle {
	font:bold 14px Verdana;
}
.greyLightbox #lbDetails { color: #333333; }
.redLightbox #lbDetails { color: #620000; }
.greenLightbox #lbDetails { color: #003300; }
.blueLightbox #lbDetails { color: #01379E; }
.goldLightbox #lbDetails { color: #666600; }
/************************************* lightbox-关闭按钮 *************************************/
#lbClose {
	float:right;
	display:inline;
	margin:0 0 0 15px;
	width: 66px;
	height: 28px;	
}
.greyLightbox #lbClose { background: url(../images/lightbox/close_grey.gif) no-repeat; }
.redLightbox #lbClose { background: url(../images/lightbox/close_red.png) no-repeat; }
.greenLightbox #lbClose { background: url(../images/lightbox/close_green.png) no-repeat; }
.blueLightbox #lbClose { background: url(../images/lightbox/close_blue.png) no-repeat; }
.goldLightbox #lbClose { background: url(../images/lightbox/close_gold.png) no-repeat; }
.greyLightbox #lbClose:hover { background: url(../images/lightbox/close_over.gif) no-repeat; }