.heading__container{position:relative; }
.heading{position: absolute;font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;font-size: 2.1em;font-weight: 100;color: #fff;text-align: center;}
.bold{display: inline-block;line-height: 0.6;font-family:Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;font-size: 1.1em;}
.facts__container{position: absolute; left: 0;width: 282px;background:url(../images/telbg.gif) no-repeat; height:33px; line-height:33px;}
.icon{}
.fa.fa-code,
.fa.fa-google,
.fa.fa-child,
.fa.fa-mortar-board,
.fa.fa-bug,
.fa.fa-lightbulb-o,
.fa.fa-headphones,
.fa.fa-keyboard-o{height: auto;color: #fff;line-height: 46px;-webkit-animation: animateEl 5s infinite;animation: animateEl 5s infinite; }
.fa-2x{font-size: 2.5em;}
.text__container{}
.text{margin: 0;font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;font-weight: 100;font-size: 1em;color: #fff;position: relative;-webkit-animation: animateEl 5s infinite;animation: animateEl 5s infinite;}

@-webkit-keyframes animateEl{0%{-webkit-transform: translateY(2em);transform: translateY(2em);opacity: 0;}
8%{-webkit-transform: translateY(-0.3em);transform: translateY(-0.3em);opacity: 1;}
13%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
87%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
93%{-webkit-transform: translateY(0.5em);transform: translateY(0.5em);opacity: 1;}
100%{-webkit-transform: translateY(-2em);transform: translateY(-2em);opacity: 0;}}
@keyframes animateEl{0%{-webkit-transform: translateY(2em);transform: translateY(2em);opacity: 0;}
8%{-webkit-transform: translateY(-0.3em);transform: translateY(-0.3em);opacity: 1;}
13%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
87%{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
93%{-webkit-transform: translateY(0.5em);transform: translateY(0.5em);opacity: 1;}
100%{-webkit-transform: translateY(-2em);transform: translateY(-2em);opacity: 0;}}



.fullwidth .default-portfolio-item{
	/*float:left;	width:282px; margin-right:23px;*/
	
}

.default-portfolio-item .inner-box{
	width:100%;
	position:relative;
	overflow:hidden;
	
}

.default-portfolio-item .inner-box .image{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:-4px;
	background-size:cover;
   
}

.default-portfolio-item .inner-box .image img{ display:block; width:100%;}

.image_zibox{ margin:0 5%; border-top:1px solid #eee; padding:5% 0 10% 0; text-align:center; line-height:24px; }
.image_zibox h3{ font-size:20px; height:50px; margin:10px 0; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
.default-portfolio-item .inner-box .image p{ color:#999999; font-size:16px;  height:50px; overflow:hidden;}



.default-portfolio-item .overlay-box{
	position:absolute;
	left:0px;
	top:-100%;
	padding:0px;
	width:100%;
	height:100%;
	
	text-align:center;	
	background:rgba(196,30,29,0.70);
	background:-moz-linear-gradient(top,rgba(43,101,178,0.90),rgba(43,101,178,0.30));
	background:-ms-linear-gradient(top,rgba(43,101,178,0.90),rgba(43,101,178,0.30));
	background:-webkit-linear-gradient(top,rgba(43,101,178,0.90),rgba(43,101,178,0.30));
	background:-o-linear-gradient(top,rgba(43,101,178,0.90),rgba(43,101,178,0.30));
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;

}

.default-portfolio-item:hover .overlay-box{
	top:0px;
	opacity:1;	
}

.default-portfolio-item .overlay-box .content-box{
	position:absolute;
	left:0px;
	top:0px;
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.default-portfolio-item .overlay-box .content{ text-align:center;
	padding:0 10%;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	

}

.default-portfolio-item .overlay-box .content .tags{
	color:#f3c3c3;
	padding:10px 30px 0px 30px;
	text-align:left;
	font-size:14px;
	line-height:23px;
	text-indent:2em;
	
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
	
}

.default-portfolio-item .overlay-box .content p{
	color:#fff;	
	text-align:left;
	font-size:16px;
	line-height:23px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;*/ height:70px; overflow:hidden;
}

@media screen and (max-width:500px)
{

.default-portfolio-item .overlay-box .content p{ display:none; }


}

.default-portfolio-item .overlay-box .content p img{
float:left;
padding-right:2%;
 
}

.default-portfolio-item .overlay-box h3{
	position:relative;
	font-size:20px;
	line-height:25px;
	color:rgba(255,255,255,0.99);
	margin:15px 0;

	

}

/*.default-portfolio-item .overlay-box h3 a{
	color:rgba(255,255,255,0.90);
}

.default-portfolio-item .overlay-box h3 a:hover{
	color:rgba(255,255,255,1);
}*/

.default-portfolio-item .overlay-box a{
	color:#ffffff; border:1px solid #fff; display:block; width:80%; line-height:40px; margin:10% auto 0 auto;
}

.default-portfolio-item .overlay-box a:hover{ background:#fff; color:#2b65b2;
	
}


.default-portfolio-item .line-left{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0%;
	border-right:0px solid rgba(255,255,255,0.70);
}

.default-portfolio-item .line-bottom{
	position:absolute;
	left:0px;
	bottom:0px;
	width:0%;
	height:0px;
	border-bottom:0px solid rgba(255,255,255,0.70);
}

.default-portfolio-item .line-right{
	position:absolute;
	right:0px;
	bottom:0px;
	width:0px;
	height:0%;
	border-left:0px solid rgba(255,255,255,0.70);		
}

.default-portfolio-item .line-top{
	position:absolute;
	right:0px;
	top:0px;
	width:0%;
	height:0px;
	border-top:0px solid rgba(255,255,255,0.70);	
}

.default-portfolio-item .inner-box:hover .line-left{
	height:100%;
	transition:all 300ms ease 500ms;
	-moz-transition:all 300ms ease 500ms;
	-webkit-transition:all 300ms ease 500ms;
	-ms-transition:all 300ms ease 500ms;
	-o-transition:all 300ms ease 500ms;	
}

.default-portfolio-item .inner-box:hover .line-bottom{
	width:100%;
	transition:all 300ms ease 800ms;
	-moz-transition:all 300ms ease 800ms;
	-webkit-transition:all 300ms ease 800ms;
	-ms-transition:all 300ms ease 800ms;
	-o-transition:all 300ms ease 800ms;		
}

.default-portfolio-item .inner-box:hover .line-right{
	height:100%;
	transition:all 300ms ease 1100ms;
	-moz-transition:all 300ms ease 1100ms;
	-webkit-transition:all 300ms ease 1100ms;
	-ms-transition:all 300ms ease 1100ms;
	-o-transition:all 300ms ease 1100ms;	
}

.default-portfolio-item .inner-box:hover .line-top{
	width:100%;
	transition:all 300ms ease 1400ms;
	-moz-transition:all 300ms ease 1400ms;
	-webkit-transition:all 300ms ease 1400ms;
	-ms-transition:all 300ms ease 1400ms;
	-o-transition:all 300ms ease 1400ms;
}