@charset "utf-8"; /* CSS Document */

/* html { overflow:auto; }
body { background-color:#FFF;-webkit-text-size-adjust:none; }
body, input, textarea, select, font { font-size:12px; font-family: Arial; }
body, h1, h2, h3, p, ul, dl, dd, form, textarea { margin:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; color:#000; }
ul, ol, td, th { padding:0; list-style:none outside; }
a { color:#505050; text-decoration:none; }
a:hover { text-decoration:none; }
textarea { overflow:auto; resize:none; }
input, textarea { outline:none; }
img { border:0; }
font, a.hover { color:#10659D; }
table { border-collapse:collapse; } */

.ov { overflow:hidden; zoom:1; }
.l_option, .r_option { float:left; display:inline; }
.r_option { float:right; }
.descrip { text-align:justify; text-justify:inter-ideograph; }
.otw, .otwlist li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nomgpd { margin-right:0!important; padding-right:0!important; }

* { zoom:1; }
fieldset {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
li {
	margin:0 auto;
	border:none;
}
.spacer {
	clear:both;
	font-size:0;
	height:0;
}


.projectleft, .projectlist { font-size:15px; padding:43px 0 0 16px; }
	.projectleft li { float:left; width:100%; letter-spacing:1px; padding-top:7px; }
		.projectleft a { color:#999; }
		.projectleft a:hover, .projectleft a.hover, .projectlist a:hover, .projectlist a.hover { color:#444; }
.projectlist { padding:0; color:#4D4D4D; }
	.projectlist li { padding:3px 0 9px; line-height:19px; }
		.projectlist a { color:#999; }
.pd54 { padding:54px 0 0 10px; }
.right { font-size:15px; line-height:33px; color:#4D4D4D; font-family:Arial, Simsun; }
.contact { width:100%; height:100%; border:1px solid #DCDCDC; }
	.contact td { vertical-align:top; text-align:left; }
		.contactbox { line-height:33px; color:#4D4D4D; font-size:15px; padding:76px 0 0 37px; }
#pagetop {
	font-size:1px;
	display:inline-block;
	height:0;
	width:1px;
}
#general-container {
	width:1170px;
	margin:auto;
	overflow:hidden;
}
#left-side-container {
	float:left;
	width:185px;
	margin:18px 0 0;
	display:inline;
	padding-left:15px;
}
#page-title {
	float:left;
	line-height:16px;
	margin-bottom:20px;
	width:240px;
}
#page-title a {
	color:#505050;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
}
a.nav-item {
	float:left;
	font-size:14px;
	color:#a5a5a5;
	line-height:16px;
	margin:2px 0 2px 10px;
	font-weight:bold;
}
a.nav-item:hover {
	color:#505050;
}
a.active-nav-item {
	float:left;
	font-size:14px;
	color:#505050;
	line-height:16px;
	margin:2px 0 2px 10px;
	font-weight:bold;
}
#right-side-container {
	float:left;
	min-width:720px;
	min-height:585px;
	width:975px;
	overflow:hidden;
	display:inline;
}
#big-image-container {
	float:left;
	min-width:720px;
	min-height:480px;
	width:975px;
	height:737px;
	background-color:#FFF;
	overflow:hidden;
}
#loading-bar-container {
	display:none;
	float:left;
	min-width:720px;
	width:975px;
	height:4px;
	background-color:#e5e5e5;
	overflow:hidden;
}
#loading-bar {
	float:left;
	width:2px;
	height:4px;
	background-color:#cccccc;
}
#controls-container {
	float:left;
	min-width:720px;
	width:965px;
	height:40px;
	overflow:hidden;
}
#thumbnails-container {
	float:left;
	min-width:720px;
	min-height:73px;
	width:965px;
	height:114px;
	overflow:hidden;
	display:block;
	margin-top:27px;
}
#thumbnails {
	float:left;
	display:block;
	min-height:65px;
	height:97px;
	overflow:visible;
}
a.thumbnail {
	float:left;
	width:156px;
	height:97px;
	margin-right:6px;
	overflow:hidden;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-position:center center;
	filter:alpha(opacity=50);
	opacity:0.5;
	background-size:cover；
}
.fadedActiveSlide {
	filter:alpha(opacity=50) !important;
	opacity:0.5 !important;
}
.activeSlide {
	filter:alpha(opacity=100) !important;
	opacity:1 !important;
}
.hover-thumb {
	filter:alpha(opacity=100) !important;
	opacity:1 !important;
}
.slideshow-scrollable {
	position:relative;
	min-width:720px;
	min-height:480px;
	width:975px;
	height:737px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
}
.slideshow-scrollable .items {
	float:left;
	width:975px;
	height:737px;
	min-width:720px;
	min-height:480px;
	background:url(../image/white.gif) repeat-y 0 0, url(../image/white.gif) repeat-y 100% 0;
	background-color:#F0F0F0;
}
.slideshow-scrollable .items .slideshow-item {
	float:left;
	min-width:720px;
	min-height:480px;
	width:975px;
	height:737px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position: relative;
}
.slideshow-scrollable .items .slideshow-item  .textBox{
	width:943px;
	height:28px;
	background:url(../images/white_bg.png);
	position:absolute;left:0;bottom:0; 
	z-index:99; color:#fff; 
	padding-left:22px;
	line-height:28px;
	font-size: 12px;
}
.wraptocenter {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.wraptocenter>img, .wraptocenter>span, .wraptocenter>a {
	vertical-align:middle;
}
.wraptocenter>img {
	overflow:visible;
}
.wraptocenter>a {
	height:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.wraptocenter>a>img {
	vertical-align:middle;
}
.wraptocenter {
	display:block;
}
.wraptocenter span {
	display:inline-block;
	height:100%;
	width:1px;
	margin-left:-1px;
}
#controls {
	float:right;
	width:66px;
	padding:6px 0 9px 6px;
	display:none;
}
#prev-button {
	float:left;
	cursor:pointer;
	width:10px;
	height:9px;
}
#prev-button:hover {
	background-position:0 9px;
}
#play-button {
	float:right;
	cursor:pointer;
	margin-left:14px;
	width:5px;
	height:9px;
}
#play-button:hover {
	background-position:0 9px;
}
#pause-button {
	float:right;
	cursor:pointer;
	margin-left:5px;
	width:8px;
	height:9px;
}
#pause-button:hover {
	background-position:0 9px;
}
#next-button {
	float:left;
	cursor:pointer;
	margin-left:14px;
	width:10px;
	height:9px;
}
#next-button:hover {
	background-position:0 9px;
}
.content-column {
	float:left;
	width:240px;
	height:576px;
	background-color:#fff;
	padding:25px 10px 25px 20px;
	border:1px solid #DCDCDC;
}
.content-column p {
	margin:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}
a.project-link {
	float:left;
	width:264px;
	line-height:14px;
	font-size:12px;
	color:#A5A5A5;
	font-weight:bold;
	margin:2px 0 2px 0;
}
a.project-link:hover {
	color:#505050;
}
a.project-link-active {
	float:left;
	width:264px;
	line-height:14px;
	font-size:12px;
	color:#505050;
	font-weight:bold;
	margin:2px 0 2px 0;
}
a.indented-link {
	width:192px !important;
}
a.project-link-active:hover {
	color:#505050;
}
#project-title {
	float:left;
	font-size:15px;
	margin-top:6px;
	line-height:22px;
	font-family:Arial, Simsun;
}
#project-title span { 
	margin-right:18px; 
}
#project-title a {
	color:#999;
}
#project-title a:hover {
	color:#444;
}
#content-box {
	float:left;
	height:576px;
	margin:0 0 0 6px;
	padding:25px 20px;
	width:600px;
	font-size:12px;
	border:1px solid #DCDCDC;
}
#content-box p {
	margin:0;
}
#content-scrollable {
	float:left;
	width:565px;
	height:585px;
	overflow:auto;
	padding-right:10px;
	line-height:18px;
	margin:51px 15px 0;
}
#content-scrollable p {
	margin:0;
}
.sub-nav-container {
	float:left;
	width:192px;
	margin-left:20px;
	display:none;
}
.monograph-item {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#content-box a {
	color:#999999;
}
#content-box a:hover {
	color:#333333;
}
#content-box strong {
	display:inline;
}
#content-box .selected {
	color:#333333;
}
#content-box .menu {
	leading:1;
}
#content-box .level0 {
	font-size:14px;
	letter-spacing:.4;
}
#content-box .level1 {
	font-size:14px;
	letter-spacing:.4;
}
#content-box .level2 {
	font-size:12px;
	letter-spacing:.4;
}
#content-box .level3 {
	font-size:12px;
	letter-spacing:.4;
}
#content-box .overflowing {
	leading:2px;
}