.portfolio{float:left;width:250px;height:250px;display:block;position:relative;border:1px solid #bebebe;margin:12px}.portfolio img,.portfolio-dialog-images ul li a img{height:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.portfolio img,.portfolio-name{-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.portfolio img{max-width:240px;max-height:240px}.portfolio:hover img{opacity:.2}.portfolio-name{position:absolute;top:40%;color:#333;font-size:20px;text-align:center;width:100%;padding:0 10px;opacity:0;-webkit-transition:all .5s ease-out}.portfolio:hover .portfolio-name{opacity:1}.portfolio-name:hover,.portfolio-name:visited{color:#333;text-decoration:none}.portfolio-dialog{display:none}.portfolio-dialog-images{overflow:hidden}.portfolio-dialog-images ul{padding:0}.portfolio-dialog-images ul li{display:block;float:left;margin:15px 10px}.portfolio-dialog-images ul li a{display:block;position:relative;border:1px solid #ccc;width:200px;height:200px}.portfolio-dialog-images ul li a img{max-width:197px;max-height:197px}.portfolio-video{margin:20px 0;min-height:300px}