/* CSS Document */
.work-btn{
	display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1000; text-indent:-9999px;
}
.work-title{
	width:100%;
	height:15%;
	bottom:-15%;
	left:0px;
	background:url(../Image/ico_bg.png) repeat 0 0;
	position:absolute;
	z-index:20;
}
.title-left span{
	font-family:"微软雅黑","宋体",Arial,sans-serif;
	font-size:130%;
	color:#ffffff;
	display:block;
	padding-top:4%;
	
}
.title-left{
	padding-left:5%;
	width:80%;
	height:100%;
}
.title-right{
	width:13%;
	height:100%;
	text-align:center;
	font-size:4vw;
	color:#949494;
	position:relative;
	border-left:1px solid #262626;
}
.title-right span{
	display:block;
	margin-top:15%;
}

.scrollBar{
	background:#000000;
}
#portfolio {
    overflow: hidden;
}
.sub {
    position: relative;
}
#portfolio {
	/*background-color: #08233e;*/
	overflow: hidden;
}
#portfolio .arrow {
	position: absolute;
	width: 200px;
	height: calc(100% - 0px);	
	-webkit-height: calc(100% - 0px);
	-moz-height: calc(100% - 0px);
	-o-height: calc(100% - 0px);
	height: calc(100% - 0px);
	z-index:99;
}
#portfolio .arrow span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 82px;
	height: 160px;
	margin-left: -50px;
	margin-top: -80px;
	text-indent: -9999px;	
	opacity: 0.4;
	z-index: 10;
	z-index:99;
}
#portfolio .arrow.left {
	left: 0;
	top: 0;
}
#portfolio .arrow.left span {
	background:url(../Image/left-btn.png) no-repeat;
	z-index:999;
}
#portfolio .arrow.right {
	right: 0;
	top: 0;		
}
#portfolio .arrow.right span {
	background:url(../Image/right-btn.png) no-repeat;
	z-index:999;
}
#portfolio .projects-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#portfolio .project{}
#portfolio .projects-wrapper .project {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 10%;
	height: 10%;
}
#portfolio .projects-wrapper .project .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	/*background: url(../Image/bg-project-overlay.png) repeat;*/
	z-index: 5;	
}
#portfolio .projects-wrapper .project .project-thumb, #portfolio .projects-wrapper .project .full-size {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 4;
}
#portfolio .projects-wrapper .project .full-size {
	z-index: 10;
	display: none;
	background-color: #08233E;
	/*
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	*/
	text-align: center;
	position: relative;
}
#portfolio .projects-wrapper .project .full-size .project-img {
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
}
#portfolio .projects-wrapper .project .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	z-index: 5;	
	background: #08233E url(../Image/preloader.html) center center no-repeat;
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	text-indent: -9999px;
}