.pic{background:#fff;position:relative;overflow:hidden;display:block;animation:anima 2s;-webkit-animation:anima 2s;-moz-animation:anima 2s;backface-visibility:hidden;-webkit-backface-visibility:hidden;}.pic-3d{-webkit-perspective:500;-webkit-transform-style:preserve-3d}.pic-caption{display: block;z-index: 100;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:15px;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.pic-caption:hover{text-decoration:none;}.pic-caption-spacer {position: relative;  top: 50%;  transform: translateY(-50%);  color: #fff;}  .pic-caption-spacer h4{color: #fff;}.pic-image{-webkit-transform:scale(1);transform:scale(1)}.pic-image.operator {padding: 13px 20px;}.pic:hover .pic-image, .thumbnail:hover .pic .pic-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.pic-title{font-size:1.8em}.pic {width: 100%;}.pic  img{width: 100%;}.pic .pic-image,.pic-caption,.pic:hover .pic-caption, .thumbnail:hover .pic .pic-image {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}.pic:hover .bottom-to-top,.pic:hover .top-to-bottom,.pic:hover .left-to-right,.pic:hover .right-to-left,.pic:hover .rotate-in,.pic:hover .rotate-out,.pic:hover .open-up,.pic:hover .open-down,.pic:hover .open-left,.pic:hover .open-right,.pic:hover .come-left,.pic:hover .come-right{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}		.bottom-to-top{top:50%;left:0}.pic:hover .bottom-to-top{top:0;left:0}.top-to-bottom{bottom:50%;left:0}.pic:hover .top-to-bottom{left:0;bottom:0}.left-to-right{top:0;right:50%}.pic:hover .left-to-right{right:0;top:0}.right-to-left{top:0;left:50%}.pic:hover .right-to-left{left:0;top:0}.rotate-in{transform:rotate(90deg) scale(0.1);-webkit-transform:rotate(90deg) scale(0.1);top:0;left:0}.pic:hover .rotate-in{transform:rotate(360deg) scale(1);-webkit-transform:rotate(360deg) scale(1)}.rotate-out{transform:rotate(90deg) scale(3);-webkit-transform:rotate(90deg) scale(3);top:0;left:0}.pic:hover .rotate-out{transform:rotate(360deg) scale(1);-webkit-transform:rotate(360deg) scale(1)}.open-down{transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);top:0;left:0}.pic:hover .open-down{transform:rotateX(0);-webkit-transform:rotateX(0)}.open-up{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);top:0;left:0}.pic:hover .open-up{transform:rotateX(0);-webkit-transform:rotateX(0)}.open-left{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);left:0;top:0}.pic:hover .open-left{transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}.open-right{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);left:0;top:0}.pic:hover .open-right{transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}.come-left{transform:rotateY(90deg) rotateX(90deg);-webkit-transform:rotateY(90deg) rotateX(90deg);left:0;top:0}.pic:hover .come-left{transform:rotateY(0) rotateX(0);-webkit-transform:rotateY(0) rotateX(0)}.come-right{transform:rotateY(-90deg) rotateX(-90deg);-webkit-transform:rotateY(-90deg) rotateX(-90deg);left:0;top:0}.pic:hover .come-right{transform:rotateY(0) rotateX(0);-webkit-transform:rotateY(0) rotateX(0)}