@CHARSET "UTF-8";

body {
	min-width:1200px;
}

.breadcrumb_all{
	position:absolute; 
	z-index:3;
	min-width:1200px;
}

.breadcrumb_all_transparent {
	width:100%;
	min-width:1200px;
	height:46px; 
	background-color:#FFF; 
	position:absolute; 
	z-index:2; 
	filter:alpha(Opacity=70); 
	-moz-opacity:0.7; 
	opacity: 0.7;
}

.border {
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 3px 0px #D2D2D2;
	box-shadow: 1px 1px 3px 0px #D2D2D2;
}
.border a {
	color:#333333;
	text-decoration: none;
}
.bg {
	position:relative;
	width:1200px; 
	height:650px; 
	margin:0 auto 180px auto;
	background: url("../images/portfolio_bg.jpg") no-repeat left top;
}

.bg > .t {
	position:absolute;
	left:883px;
	top:265px;
	width:188px; 
	height:auto; 
}

.bg > .t > .item_nor, 
.bg > .t > .item_selected {
	width:208px;
	height:47px;
	border-bottom: 1px solid #c6c6c6;
	cursor: pointer;
	background-color: #FFFFFF;
}

.bg > .t > .item_nor {
	filter:alpha(Opacity=50); 
	-moz-opacity:0.5; 
	opacity: 0.5;
}

.bg > .t > .item_nor:hover {
	filter:alpha(Opacity=70); 
	-moz-opacity:0.7; 
	opacity: 0.7;
}

.bg > .t > .item_nor > p, .bg > .t > .item_selected > p {
	color:#393939;
	line-height: 47px;
	text-indent:20px;
}

.load_more {
	width:942px;
	height:42px;
	margin:0px auto -30px auto;
}

.load_more .block {
	width:743px;
	height:42px;
	cursor: pointer;
	background-color: #6c6c6c;
	display: none;
}

.load_more .block:hover {
	background-color: #9c9c9c;
}

.load_more .block .link {
	margin:0 auto;
	width:50px;
	min-width:50px;
	height:42px;
	text-align: center;
}

.load_more .block .link p {
	float:left;
	line-height:42px;
	color: #ffffff;
}

.load_more .block .link img {
	float:left;
	margin:17px 0px 0px 10px;
}

.bg > .d {
	float:left;
	position:absolute;
	left:129px;
	top:265px;
	width:756px;
}

.bg > .d > .i {
	position:relative;
	float:left;
	width:363px;
	height:277px;
	background-color: #fff;
	margin:0 14px 15px 0;
}

.bg > .d > .i > img,
.bg > .d > .i > .n {
	cursor: pointer;	
}

.bg > .d > .i > img {
	position:relative;
	left:14px;
	top:14px;
	width:335px;
	height:188px;
}

.bg > .d > .i > .n {
	position:absolute;
	left:19px;
	top:218px;
	color:#2d2929;
}

.bg > .d > .i > .info {
	position:absolute;
	left:19px;
	top:245px;
}

.bg > .d > .i > .info > p {
	float:left;
	color:#8b8b8b;
}

.bg > .d > .i > .info > p:nth-child(3) {
	margin:0 7px;
}

.bg > .d > .i > .info > p:nth-child(5) {
	margin:0 8px;
}

.bg > .d > .i > .ot {
	display: none;
}

.photos {
	position:relative;
	width:942px;
	height:776px;
	background-image: url(../images/bg_block.png);
	background-position: left 35px;
	background-repeat: no-repeat;
}

.photos > .close {
	position:absolute;
	right:12px;
	top:10px;
	cursor: pointer;
}

.photos > .title {
	position:absolute;
	left:110px;
	top:39px;
}

.photos > .info {
	position:absolute;
	left:110px;
	top:71px;
	color:#393939;
}

.photos > .info > p {
	float:left;
	color:#8b8b8b;
}

.photos > .info > p:nth-child(3) {
	margin:0 7px;
}

.photos > .info > p:nth-child(5) {
	margin:0 8px;
}

.photos > .info > p:nth-child(7) {
	margin:0 8px;
}

.photos > .desc {
	position:absolute;
	left:110px;
	top:95px;
	width:722px;
	max-height:76px;
	color:#777777;
	line-height: 15px;
	text-align: left;
}

.photos > .photo {
	position:absolute;
	left:110px;
	top:181px;
	width:722px;
	height:406px;
}

.photos > .photoDesc {
	position:absolute;
	left:110px;
	top:602px;
	color:#8b8b8b;
}

.photos > .gap {
	position:absolute;
	left:110px;
	top:635px;
	width:644px;
	height:1px;
	background-color: #d4d3cd;
}

.photos > .arrows {
	position:absolute;
	left:754px;
	top:596px;
	width:77px;
	height:38px;
	background-color: #d4d3cd;
	border: 1px solid #d4d3cd;
}

.photos > .arrows > img {
	width:38px;
	height:38px;
	cursor: pointer;
}

.photos > .arrows > img:nth-child(1) {
	float:left;
}

.photos > .arrows > img:nth-child(2) {
	float:right;
}

.photos > .banner_pos {
	position:absolute;
	left:110px;
	top:650px;
	width:720px;
	height:50px;
	overflow: hidden;
}

.photos > .banner_pos > .banner {
	position:relative;
	width:720px;
	height:50px;
	overflow: hidden;
}

.photos > .banner_pos > .banner > .pic {
	position:relative;
	width:100%;
	height:50px;
}

.photos > .banner_pos > .banner > .pic > li > img {
	float:left;
	width:50px;
	height:50px;
	margin-right:17px;
	cursor: pointer;
}

.photos > .banner_pos > .banner > .pic > li > img:last-child {
	margin-right:0px;
}

.photos > .banner_pos > .banner > .pic > li > .banner_empty {
	cursor: auto;
}
.border img{ width:336px; height:188px; margin-left:13px; margin-top:13px;}