
/* Project Details */
#project_image { margin:0 auto; height:auto;
}
#project_image div#btn-back {
	margin: 0 30px;
}
#project_image div#btn-back span.inner, #director span#btn-back {
	width: 970px;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
#project_image div#btn-back a, #director span#btn-back a {
	display: block;
	padding-left: 15px;
	background: url(../images/arrow-red2.png) no-repeat left 6px;
}
#project_image #slider {
	position: relative;
}
#project_image #slider .buttons {
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: 100%;
}
#project_image #slider span#prevBtn {
	position: absolute;
	left: -1015px;
	z-index: 100;
	top: 0;
}
#project_image #slider span#prevBtn a {
	background: url(../images/btn-slider-left.png) no-repeat center right;
	display: block;
	width: 1000px;
}
#project_image #slider span#nextBtn {
	position: absolute;
	z-index: 100;
	top: 0;
}
#project_image #slider span#nextBtn a {
	background: url(../images/btn-slider-right.png) no-repeat center left;
	display: block;
	width: 1000px;
}
#project_image #slider li {
	float: left;
	position: relative;
}
#project_image #slider li.hv_video a {
	background: url(../images/btn-play.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 99;
	width: 100%;
	height: 100%;
}
#project_image #slider li.hv_video div.ivideo {
	margin: 0 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
}
#project_image #slider li img {
	margin: 0 5px;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	display: none;
}
#project_image #slider li img.current {
	opacity: 1;
	filter: alpha(opacity = 100);
}
#project_image .info {
	margin: 0 30px;
}
#project_image .info .inner {
	width: 970px;
	margin: 0 auto;
	margin-top: 20px;
}
#project_image .info .left_col {
	float: left;
	width: 582px;
	height:auto;
}
#project_image .info .right_col {
	float: right;
	background:url(../images/dotted-v.png) repeat-y right;
	width: 378px;
	padding: 3px 0px 7px 10px;
}
#project_image .info .right_col p {
	font-size: 13px;
	font-family: 'QuicksandBook', sans-serif;
	margin: 0;
}
#project_image #controls {
	margin-top: 10px;
}
#project_image #controls li {
	float: left;
	margin-right: 10px;
}
#project_image #controls li a {
	background: url(../images/bullet.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
}
#project_image #controls li.current a {
	background: url(../images/bullet-cur.png) no-repeat;
}
#project_image .image_load {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	z-index: 100;
	margin-top: -8px;
}
.left_zi{ font-size:16px; line-height:30px;}