/*************************** 页面整体布局定义 ****************************/

.fullWidth {
	position: relative;
	top: 0px;
	width:100%;
	height: auto;
	margin: 0px auto;
	padding: 0;
}

/*清除浮动*/

.clearFloat {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}

/******************************页面通用定义********************************/



.galleryBox{background:#fff; width:1110px; margin:0 auto 20px;}

#galleryTitle {

	position: relative;
	left: 0px;
	top: 0px;
	background:#fff;
}

#galleryTitle h3 {
	display:inline;
	line-height:60px;
}

#galleryTitle p {
	line-height:21px; margin-bottom:10px; text-align:left; text-indent:2em;}
#galleryTitle #imageNumber {
	margin:0 5px;
	font-size: 12px;
	font-weight:bold;
}

#galleryTitle #imageNumber #imageID {
	color:#F00;
}

#galleryTitle .tc h3 {
    font-size: 18px;
    font-weight: bold;
}


#galleryView #toolPanel {
	display:block;
	height:31px;
	position: relative;
	left: 0px;
	top: 0px; background:#f5f5f5; padding:5px 10px;
}
#galleryView #toolPanel p {
	color: #ff6600;
	float: left;
	height: 31px;
	line-height: 30px;
	padding-left: 10px;
}
#galleryView #toolPanel p i {
	background:url(../images/gallery/arrow.gif) no-repeat 5px 5px;
	padding:0px 32px 5px;
}
#galleryView #toolPanel ul#toolList {
	position: relative;
	top: 0px;
	right: 0px;
	display:block;
	text-align:right;
	list-style:none;
	margin:0;
	padding:0;
	height:31px;
}

#galleryView #toolPanel ul#toolList li {
	display:inline;
}

#galleryView #toolPanel ul#toolList li button,#galleryView #toolPanel ul#toolList li a {
	position: relative;
	left: 0px;
	top: 0px;
	height: 28px;
	width: 31px;
	border:none;
	margin:0 2px;
	cursor:pointer;
	display: inline-block;
}

#galleryView #toolPanel ul#toolList li #btnForward {
	background: url(../images/gallery/button.gif) no-repeat -0px -0px;
}

#galleryView #toolPanel ul#toolList li #btnSlide {
	background: url(../images/gallery/button.gif) no-repeat -31px -0px;
}

#galleryView #toolPanel ul#toolList li #btnSlide.pause {
	background: url(../images/gallery/button.gif) no-repeat -62px -0px;
}

#galleryView #toolPanel ul#toolList li #btnNext {
	background: url(../images/gallery/button.gif) no-repeat -93px -0px;
}

#galleryView #toolPanel ul#toolList li #btnZoomIn {
	background: url(../images/gallery/button.gif) no-repeat -124px -0px;
}

#galleryView #toolPanel ul#toolList li #btnZoomOut {
	background: url(../images/gallery/button.gif) no-repeat -155px -0px;
}

#galleryView #toolPanel ul#toolList li #btnOrgin {
	background: url(../images/gallery/button.gif) no-repeat -186px -0px;
}

#galleryView #toolPanel ul#toolList li #btnFit {
	background: url(../images/gallery/button.gif) no-repeat -217px -0px;
}

#galleryView #toolPanel ul#toolList li #btnForward:hover {
	background: url(../images/gallery/button.gif) no-repeat -0px -28px;
}

#galleryView #toolPanel ul#toolList li #btnSlide:hover {
	background: url(../images/gallery/button.gif) no-repeat -31px -28px;
}

#galleryView #toolPanel ul#toolList li #btnSlide.pause:hover {
	background: url(../images/gallery/button.gif) no-repeat -62px -28px;
}

#galleryView #toolPanel ul#toolList li #btnNext:hover {
	background: url(../images/gallery/button.gif) no-repeat -93px -28px;
}

#galleryView #toolPanel ul#toolList li #btnZoomIn:hover {
	background: url(../images/gallery/button.gif) no-repeat -124px -28px;
}

#galleryView #toolPanel ul#toolList li #btnZoomOut:hover {
	background: url(../images/gallery/button.gif) no-repeat -155px -28px;
}

#galleryView #toolPanel ul#toolList li #btnOrgin:hover {
	background: url(../images/gallery/button.gif) no-repeat -186px -28px;
}

#galleryView #toolPanel ul#toolList li #btnFit:hover {
	background: url(../images/gallery/button.gif) no-repeat -217px -28px;
}


#galleryView #toolPanel ul#toolList li #btnForward.disabled {
	background: url(../images/gallery/button.gif) no-repeat -0px -56px;
}

#galleryView #toolPanel ul#toolList li #btnNext.disabled {
	background: url(../images/gallery/button.gif) no-repeat -93px -56px;
}

#galleryView #toolPanel ul#toolList li #btnZoomIn.disabled {
	background: url(../images/gallery/button.gif) no-repeat -124px -56px;
}

#galleryView #toolPanel ul#toolList li #btnZoomOut.disabled {
	background: url(../images/gallery/button.gif) no-repeat -155px -56px;
}

#galleryView #toolPanel ul#toolList li #btnOrgin.disabled {
	background: url(../images/gallery/button.gif) no-repeat -186px -56px;
}

#galleryView #toolPanel ul#toolList li #btnFit.disabled {
	background: url(../images/gallery/button.gif) no-repeat -217px -56px;
}

#galleryView #imageArea {
	display:block;
	border: 1px solid #CCC;
	height:auto;
	position: relative;

}

#galleryView #imageArea #imageWrap {
	display:block;
	position: relative;
	width:998px;
	height:500px;
	text-align: center;
	overflow: hidden;
	margin:10px 0;
	background: url(../images/gallery/bload.gif) no-repeat center center;
}

#galleryView #imageArea #imageWrap img {
	position: absolute;
	left: 0px;
	top: 0px;
}

#galleryView #imageArea #imageInfo {
	display:block;
	position: relative;
	width:948px;
	height:auto;
	text-align: center;
	left: 0px;
	top: 0px;
	padding: 4px;
}

#galleryView #imageArea #imageInfo .title{
	display:block;
	position: relative;
	height:auto;
	text-align: center;
	left: 0px;
	top: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height:30px;
}

#galleryView #imageArea #imageInfo .info{
	display:block;
	position: relative;
	height:auto;
	text-align: center;
	left: 0px;
	top: 0px;
	font-size: 12px;
	line-height:24px;
}


#galleryView #thumbArea {
	display:block;
	border: 1px solid #CCC;
	border-top:none;
	height:116px;
	background: url(../images/gallery/thumbbg.png) repeat-x;
	text-align:center;
	position: relative;
}

#galleryView #thumbArea #thumbList {
	position: relative;
	top: 8px;
	height: 100px;
	width:660px;
	margin:0 auto;
	overflow:hidden;
}

#galleryView #thumbArea #thumbList #listWrap {
	position: absolute;
	width:100%;
	text-align:left;
	height: 79px;
	left: 0px;
	top: 0px;
	padding:0;
	margin:0;
}

#galleryView #thumbArea #thumbList #listWrap li {
	display:block;
	list-style:none;
	height:75px;
	width:100px;
	border:solid 2px #999;
	margin-left:10px;
	white-space:nowrap;
	position: relative;
	left: 0px;
	top: 0px;
	float:left;
	background: url(../images/gallery/lload.gif) no-repeat center center;
	text-align:center;
	opacity:0.5;
	overflow: hidden;
}

#galleryView #thumbArea #thumbList #listWrap li:hover {
	border-color: #F60;
	opacity:1;
}

#galleryView #thumbArea #thumbList #listWrap li.current {
	border-color: #F60;
	opacity:1;
}

#galleryView #thumbArea #thumbList  #listWrap li:first-child {
	margin:0;
}

#galleryView #thumbArea #thumbList #listWrap li img {
	position: relative;
	left: 0px;
	top: 0px;
	height:75px;
	width:100px;
}

#galleryView #thumbArea #thumbList #scrollWrap {
	display:none;
	position: absolute;
	width:100%;
	height: 15px;
	left: 0px;
	top: 84px;
	padding:0;
	margin:0;
	background: url(../images/gallery/scrollbg.gif) repeat-x 0px -15px;
	cursor:pointer;
}

#galleryView #thumbArea #thumbList #scrollWrap span.left {
	display:block;
	height:15px;
	width:10px;
	float:left;
	background: url(../images/gallery/scrollbg.gif) no-repeat 0px 0px;
}

#galleryView #thumbArea #thumbList #scrollWrap span.right {
	display:block;
	height:15px;
	width:10px;
	float:right;
	background: url(../images/gallery/scrollbg.gif) no-repeat 0px -30px;
}

#galleryView #thumbArea #thumbList #scrollWrap #scrollButton {
	background: url(../images/gallery/scrollButton.gif) no-repeat 0px -1px;
	position: absolute;
	height: 15px;
	width: 60px;
	left: 0px;
	top: 0px;
	cursor:pointer;
}

#galleryView #thumbArea #thumbList #scrollWrap #scrollButton:hover {
	background: url(../images/gallery/scrollButton.gif) no-repeat 0px -17px;
}

#galleryView #thumbArea #lnkForward2 {
	display:block;
	height:65px;
	width:20px;
	background: url(../images/gallery/lnkbg.png) no-repeat -21px 0;
	position: absolute;
	left: 140px;
	top: 15px;
}

#galleryView #thumbArea #lnkNext2 {
	display:block;
	height:65px;
	width:20px;
	background: url(../images/gallery/lnkbg.png) no-repeat -63px 0;
	position: absolute;
	right: 140px;
	top: 15px;
}


#galleryView #thumbArea #lnkForward2:hover {
	background: url(../images/gallery/lnkbg.png) no-repeat 0 0;
}

#galleryView #thumbArea #lnkNext2:hover {
	background: url(../images/gallery/lnkbg.png) no-repeat -42px 0;
}



#galleryView #imageArea #function_7{
	display:block;
	position: relative;
	width:750px;
	height:auto;
	text-align: center;
	height:28px; background:#f2f2f2;
	border:1px solid #ddd; margin:0 auto 10px;
}
#galleryView #imageArea #function_7 span{ width:103px; height:28px; line-height:28px;  float:left; border-right:1px solid #ddd; border-left:1px solid #fff; display:block;}
#galleryView #imageArea #function_7 span:first-child{
    width: 110px;
}
#galleryView #imageArea #function_7 span a{ background:url(../images/gallery/iconPhoto.png) no-repeat; padding-left:20px;}
#galleryView #imageArea #function_7 span a:hover{ color:#008ade; text-decoration:none;}
#galleryView #imageArea #function_7 span.f_1 a{ background-position:0 0;}
#galleryView #imageArea #function_7 span.f_1 a:hover{background-position:0 -20px;}
#galleryView #imageArea #function_7 span.f_2 a{ background-position:0 -40px;}
#galleryView #imageArea #function_7 span.f_2 a:hover{background-position:0 -60px;}
#galleryView #imageArea #function_7 span.f_3 a{ background-position:0 -84px;}
#galleryView #imageArea #function_7 span.f_3 a:hover{background-position:0 -104px;}
#galleryView #imageArea #function_7 span.f_4 a{ background-position:0 -123px;}
#galleryView #imageArea #function_7 span.f_4 a:hover{background-position:0 -143px;}
#galleryView #imageArea #function_7 span.f_5 a{ background-position:0 -160px;}
#galleryView #imageArea #function_7 span.f_5 a:hover{background-position:0 -180px;}
#galleryView #imageArea #function_7 span.f_6 a{ background-position:0 -200px;}
#galleryView #imageArea #function_7 span.f_6 a:hover{background-position:0 -220px;}
#galleryView #imageArea #function_7 span.f_7 a{ background-position:0 -240px;}
#galleryView #imageArea #function_7 span.f_7 a:hover{background-position:0 -260px;}
#galleryView #imageArea #function_7 span.f_8{border-right: none;}
#galleryView #imageArea #function_7 span.f_8 a{background-position:0 -119px}
#galleryView #imageArea #function_7 span.f_8 a:hover{background-position:0 -139px;}

#galleryView #imageArea #function_7 span.f_7{
	background:url(../images/gallery/iconPhoto.png) no-repeat;
	background-position:15px -278px;
}
#galleryView #imageArea #function_7 span.f_7:hover{
	background-position: 15px -306px;
}



.photoComment{ text-align:left; padding:20px;}

a.gallery-pre{
	width: 120px;
	height: 110px;
	position: absolute;
	left: 8px;
	top: 5px;
	display: block;
	background-image: url("../images/gallery-pre.png");
	background-repeat: no-repeat;
	text-align: center;
}
a.gallery-pre img{
	width: 100px;
	height: 67px;
	display: block;
	position: absolute;
	left: 14px;
	top: 5px;
}
a.gallery-pre span{
	display: block;
	position: absolute;
	bottom: 0;
	font-size: 12px;
	line-height: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}

a.gallery-next{
	width: 120px;
	height: 110px;
	position: absolute;
	right: 8px;
	top: 5px;
	display: block;
	background-image: url("../images/gallery-next.png");
	background-repeat: no-repeat;
	text-align: center;
}
a.gallery-next img{
	width: 100px;
	height: 67px;
	display: block;
	position: absolute;
	right: 14px;
	top: 5px;
}
a.gallery-next span{
	display: block;
	position: absolute;
	bottom: 0;
	font-size: 12px;
	line-height: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}
a.gallery-pre img:hover,a.gallery-next img:hover{
	opacity: 0.7;
	filter:alpha(opacity=70);
}
a.gallery-next.hidden-img img,a.gallery-pre.hidden-img img{
	display: none;
}
a.gallery-next.hidden img,a.gallery-pre.hidden img{
	display: none;
}
a.gallery-next.hidden,a.gallery-pre.hidden{
	display: block;
}