.container {
height:auto;
position:relative;
margin:0 auto;
}

.clear {
clear:both;
}

.portfolio-items li,.portfolio-items h3,.portfolio-items p/*,.portfolio-items a*/ {
margin:0;
}

.portfolio-container {
width:940px;
margin-left:10px;
margin-right:10px;
}

.portfolio-items {
margin:10px 0;
}

.portfolio-items li {
display:inline-block;
list-style:none;
position:relative;
}

.portfolio-items li img {
display:block;
width:300px;
height:300px;
background: rgba(151,161,187,0.3);
border: 7px solid #fff;
border-radius:5px;
-moz-border-radius:5px;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
padding:6px;
}

.portfolio-items li div.caption h3,.portfolio-items li div.caption2 h3,.portfolio-items li div.caption3 h3,.portfolio-items li div.caption4 h3,.portfolio-items li div.caption5 h3,.portfolio-items li div.caption6 h3,.portfolio-items li div.caption7 h3,.portfolio-items li div.caption8 h3,.portfolio-items li div.caption9 h3,.portfolio-items li div.caption10 h3,.portfolio-items li div.caption11 h3,.portfolio-items li div.caption12 h3,.portfolio-items li div.caption13 h3,.portfolio-items li div.caption14 h3,.portfolio-items li div.caption15 h3 {
font-weight:700;
font-size:36px;
text-transform:uppercase;
border-bottom:1px solid #aaa;
text-shadow:1px 1px 1px #303857;
}

.portfolio-items li div.caption,.portfolio-items li div.caption2,.portfolio-items li div.caption3,.portfolio-items li div.caption4,.portfolio-items li div.caption5,.portfolio-items li div.caption6,.portfolio-items li div.caption7,.portfolio-items li div.caption8,.portfolio-items li div.caption9,.portfolio-items li div.caption10,.portfolio-items li div.caption11,.portfolio-items li div.caption12,.portfolio-items li div.caption13,.portfolio-items li div.caption14,.portfolio-items li div.caption15 {
display:block;
background: rgba(9,11,24,0.8);
color:#fff;
font-family:inherit;
font-weight:400;
font-size:16px;
position:absolute;
overflow:hidden;
text-shadow:1px 1px 1px #303857;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
padding:10px;
}

.portfolio-items li:hover div.caption,.portfolio-items li:hover div.caption2,.portfolio-items li:hover div.caption3,.portfolio-items li:hover div.caption4,.portfolio-items li:hover div.caption5,.portfolio-items li:hover div.caption6,.portfolio-items li:hover div.caption7,.portfolio-items li:hover div.caption8,.portfolio-items li:hover div.caption9,.portfolio-items li:hover div.caption10,.portfolio-items li:hover div.caption11,.portfolio-items li:hover div.caption12,.portfolio-items li:hover div.caption13,.portfolio-items li:hover div.caption14,.portfolio-items li:hover div.caption15 {
width:300px;
height:300px;
opacity:1;
filter:alpha(opacity=80);
}

.portfolio-items li div.caption {
width:0;
height:0;
}

.portfolio-items li div.caption2 {
top:7px;
left:7px;
width:0;
height:0;
}

.portfolio-items li div.caption3 {
bottom:7px;
right:7px;
width:0;
height:0;
}

.portfolio-items li div.caption4 {
bottom:7px;
left:7px;
width:0;
height:0;
}

.portfolio-items li div.caption5 {
top:7px;
left:7px;
width:0;
height:130px;
}

.portfolio-items li div.caption6 {
top:7px;
right:7px;
width:0;
height:130px;
}

.portfolio-items li div.caption7 {
top:7px;
left:7px;
width:181px;
height:0;
}

.portfolio-items li div.caption8 {
bottom:7px;
right:7px;
width:181px;
height:0;
}

.portfolio-items li div.caption10 {
width:0;
height:0;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}

.portfolio-items li div.caption11 {
top:7px;
left:7px;
width:0;
height:0;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}

.caption12 h3 {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(10);
-moz-transform:scale(10);
-o-transform:scale(10);
-ms-transform:scale(10);
transform:scale(10);
-webkit-transition:all .3s ease-in-out .1s;
-moz-transition:all .3s ease-in-out .1s;
-o-transition:all .3s ease-in-out .1s;
-ms-transition:all .3s ease-in-out .1s;
transition:all .3s ease-in-out .1s;
}

.caption12 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(10);
-moz-transform:scale(10);
-o-transform:scale(10);
-ms-transform:scale(10);
transform:scale(10);
-webkit-transition:all .3s ease-in-out .2s;
-moz-transition:all .3s ease-in-out .2s;
-o-transition:all .3s ease-in-out .2s;
-ms-transition:all .3s ease-in-out .2s;
transition:all .3s ease-in-out .2s;
}

/*.caption12 a.pcv_button {
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-o-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
}

.caption12:hover a.pcv_button {
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}*/

.caption13 h3 {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:all .3s ease-in-out .1s;
-moz-transition:all .3s ease-in-out .1s;
-o-transition:all .3s ease-in-out .1s;
-ms-transition:all .3s ease-in-out .1s;
transition:all .3s ease-in-out .1s;
}

.caption13 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:all .3s ease-in-out .2s;
-moz-transition:all .3s ease-in-out .2s;
-o-transition:all .3s ease-in-out .2s;
-ms-transition:all .3s ease-in-out .2s;
transition:all .3s ease-in-out .2s;
}

.caption14 h3 {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateY(-200px);
-moz-transform:translateY(-200px);
-o-transform:translateY(-200px);
-ms-transform:translateY(-200px);
transform:translateY(-200px);
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;
}

.caption14 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateY(200px);
-moz-transform:translateY(200px);
-o-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.caption15 h3 {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateX(200px);
-moz-transform:translateX(200px);
-o-transform:translateX(200px);
-ms-transform:translateX(200px);
transform:translateX(200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.caption15 p {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform:translateX(-200px);
-moz-transform:translateX(-200px);
-o-transform:translateX(-200px);
-ms-transform:translateX(-200px);
transform:translateX(-200px);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.portfolio-items li div.caption9,.portfolio-items li div.caption12,.portfolio-items li div.caption13,.portfolio-items li div.caption14,.portfolio-items li div.caption15 {
bottom:7px;
right:7px;
width:286px;
height:286px;
}

.portfolio-items li:hover div.caption10,.portfolio-items li:hover div.caption11 {
bottom:7px;
right:7px;
width:286px;
height:286px;
opacity:1;
filter:alpha(opacity=80);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}

.caption12,.caption13,.caption14,.caption15 {
background-color:rgba(146,96,91,0.5);
filter:alpha(opacity=0);
opacity:0;
-webkit-transition:all .3s ease-in .4s;
-moz-transition:all .3s ease-in .4s;
-o-transition:all .3s ease-in .4s;
-ms-transition:all .3s ease-in .4s;
transition:all .3s ease-in .4s;
}

.caption12:hover h3,.caption12:hover p,.caption13:hover h3,.caption13:hover p,.caption14:hover h3,.caption14:hover p,.caption15:hover h3,.caption15:hover p {
filter:alpha(opacity=100);
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s;
}