+ width: 150px;
+ height: 150px;
+ position: relative;
+ overflow: hidden;
+}
+.photo-top-image-wrapper img,
+.photo-album-image-wrapper img {
+ width: 150px;
+}
+.photo-top-image-wrapper .photo-top-album-name,
+.photo-album-image-wrapper .photo-top-album-name,
+.photo-top-image-wrapper .caption,
+.photo-album-image-wrapper .caption {
+ position: absolute;
+ color: #2d2d2d;
+ background-color: #ffffff;
+ width: 100%;
+ -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+ -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+ -webkit-transition: all 0.5s ease-in-out;
+ -moz-transition: all 0.5s ease-in-out;
+ -o-transition: all 0.5s ease-in-out;
+ -ms-transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
+ bottom: -150px;
+}
+.photo-top-image-wrapper:hover .photo-top-album-name,
+.photo-album-image-wrapper:hover .photo-top-album-name,
+.photo-top-image-wrapper:hover .caption,
+.photo-album-image-wrapper:hover .caption {
+ bottom: 0px;
+ -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+ -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+ -webkit-transition: all 0.5s ease-in-out;
+ -moz-transition: all 0.5s ease-in-out;
+ -o-transition: all 0.5s ease-in-out;
+ -ms-transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
+}
+#photo-photo {
+ display: block;
+ width: 660px;
+ padding: 50px;
+ margin-bottom: 0px;
+ text-align: center;
+ background-color: #999999;
+}
+#photo-photo img {
+ max-width: 560px;
+}
+#photo-album-title {
+ background: url("../../../images/icons/22/image.png") no-repeat top left;
+ padding-left: 23px;
+ min-height: 22px;
+}
+#photo-album-title a {
+ display: block;
+ padding-top: 5px;
+}
+#photo-caption {
+ display: block;
+ width: 660px;
+ min-height: 55px;
+ background-color: #cccccc;
+ padding: 0 50px 0 50px;
+}
+#photo-next-link > a > div {
+ background: url("icons/next.png") no-repeat center center;
+ float: right;
+ width: 50px;
+ height: 50px;
+}
+#photo-prev-link > a > div {
+ background: url("icons/prev.png") no-repeat center center;
+ float: left;
+ width: 50px;
+ height: 50px;
+}
+#photo-like-div {
+ display: block;
+ width: 660px;
+ height: 30px;
+ background-color: #cccccc;
+ padding: 0 50px 0 50px;
+}
+#photo-like-div .icon {
+ float: left;
+}
+#photo-like-div .like-rotator {
+ float: right;