@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');





.ipro{ width:1200px; margin:0 auto; padding-top:100px; border:#FF0000 0px solid; overflow:hidden}

.fullwidth .default-portfolio-item{
	float:left;
	width:380px;
	padding-right:10px; 
	padding-left:10px;
}

.default-portfolio-item .inner-box{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:10px;
	
}

.default-portfolio-item .inner-box .image{
	position:relative;
	display:block;
	width:100%;
   
}
.default-portfolio-item .inner-box .image p{ text-align:center}

.default-portfolio-item .overlay-box{
	position:absolute;
	left:0px;
	top:-100%;
	padding:0px;
	width:100%;
	height:100%;
	text-align:center;	
	background:rgba(33,139,213,0.90);
	background:-moz-linear-gradient(top,rgba(55,76,113,0.90),rgba(100,138,193,0.90));
	background:-ms-linear-gradient(top,rgba(55,76,113,0.90),rgba(100,138,193,0.90));
	background:-webkit-linear-gradient(top,rgba(55,76,113,0.90),rgba(100,138,193,0.90));
	background:-o-linear-gradient(top,rgba(55,76,113,0.90),rgba(100,138,193,0.90));
	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{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.default-portfolio-item .overlay-box .content .tags{
	color:#FFFFFF;
	padding:10px 30px 0px 30px;
	text-align:left;
	font-size:14px;
	line-height:23px;
	text-indent:2em;
	
	
	
}

.default-portfolio-item .overlay-box h3{
	position:relative;
	font-size:16px;
	line-height:25px;
	color:rgba(255,255,255,0.90);
	margin-bottom:0px;
	font-family:Microsoft YaHei;
	font-weight:bold
}

.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;	
}

.default-portfolio-item .overlay-box a:hover{
	color:#f1f1f1;	
}

.default-portfolio-item .zoom-btn{
	position:relative;
	display:inline-block;
	font-size:32px;
	line-height:40px;
	margin-top:20px;
	opacity:0.80;
	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 .zoom-btn:hover{
	color:#ffffff;
	opacity:1;
}

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

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

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

.default-portfolio-item .line-top{
	position:absolute;
	right:0px;
	top:0px;
	width:0%;
	height:5px;
	border-top:5px 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;
}