#isotopeContainer {
  margin: 20px 0 20px 9px;
}
.isotope {
    transition-property: height, width;
}
.two-col .isotope-item, .three-col .isotope-item, .four-col .isotope-item {
    display: inline;
    float: left;
    padding: 1%;
    width: 48%;
}
.four-col .isotope-item {
    width: 22.6%;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope-item {
    z-index: 2;
}
.port-wrap {
    background: none repeat scroll 0 0 #f0f0f1;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.hover_img {
    background: none repeat scroll 0 0 #000;
    overflow: hidden;
    position: relative;
}
.portfolio_zoom, .portfolio_link {
    background: none repeat scroll 0 0 #303030;
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
    width: 32px;
    z-index: 2200;
}
.portfolio_zoom {
    right: -60px;
    z-index: 302;
}
.portfolio_zoom a, .portfolio_link a {
    color: #fff;
    display: block;
    height: 32px;
    line-height: 35px;
    width: 32px;
}
.port-text h2 { font-size: 12px; font-weight: normal; letter-spacing: 0px; line-height: 16px; background-color: #006699; color: #FFFFFF; }

#portolfio-filter ul { display: block; list-style: none; margin: 0 auto; padding: 8px; text-align: center; width: 300px; background-color: #CCCCCC; border-radius: 4px; }
#portolfio-filter ul > li { list-style: none; margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; }
#portolfio-filter ul > li a { color: #000000; }
#portolfio-filter ul > li a.active { color: #FFFFFF; }