/* Portfolio Items */	
  #portfolio-wrap { position: relative; padding: 0; width: 100%; margin: 0 auto; display: block; }
  #portfolio-wrap .one-four { margin: 0!important; line-height:0; width: 25%; padding: 0; position:relative; }
  .portfolio-item { padding: 0; position: relative; overflow: hidden; }
  .portfolio-item .portfolio-image { overflow: hidden; display: block; position: relative; }
  .portfolio-item .portfolio-image img { width: 100%; height: 180; }
  .portfolio-item:hover .project-overlay { opacity:1; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; }
  .project-overlay { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; cursor:pointer; }
  .open-project-link { width:100%; height:100%; position:absolute; z-index:100; }
  .project-info { position:absolute; height:100px; width:100%; top:50%; margin-top:-50px; text-align:center; FONT-SIZE: 24px; 	font-family: "΢ÈíÑźÚ"; }
  .project-name { color:#fff; text-transform:uppercase; margin-top:50px; opacity:0; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; }
  .portfolio-item:hover .project-name { opacity:1;  -webkit-transition: opacity .4s .5s; -moz-transition: opacity .4s .5s; -ms-transition: opacity .4s .5s; -o-transition: opacity .4s .5s; transition: opacity .3s .5s;}
  .project-categories { font-size:13px; color:#fff; opacity:0; margin-top:13px; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; }
  .portfolio-item:hover .project-categories { opacity:0.5;  -webkit-transition: opacity .4s .8s; -moz-transition: opacity .4s .8s; -ms-transition: opacity .4s .8s; -o-transition: opacity .3s .8s; transition: opacity .3s .8s;}
  .zoom-icon { left: 50%; margin-left:-20px; position:inherit; width:40px; height:40px; margin-top:40px; opacity:0; background:url(images/zoom.png); background-size:40px 40px; transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.2s; -webkit-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; }
  .portfolio-item:hover .zoom-icon { opacity:1; margin-top:0px;  -webkit-transition: opacity .3s .2s, margin-top .3s .2s; -moz-transition: opacity .3s .2s, margin-top .3s .2s; -ms-transition: opacity .3s .2s, margin-top .3s .2s; -o-transition: opacity .3s .2s, margin-top .3s .2s;  transition: opacity .3s .2s, margin-top .3s .2s; }
  
  

/* color */		
.project-overlay { background-color:rgba(3,104,186,0.7);}