﻿/* product data */

.view-content {
	position: relative;
	width: 1024px;
	margin:0 auto;
    height:680px;
    padding-bottom:10px;
   /*overflow: hidden;*/	
}

.view-content .bigImgWrapper {

	z-index: 10;
	width: 511px !important;/*放大后的图片大小,最好与原图成比例*/
	height: 765px;
	text-align: center;
	overflow:hidden;
}

.views-row {

	width: 256px;/*原图的宽,最好与原图成比例度*/
	float: left;
}

.view-content .views-row {

	height: 383px;/*原图的高度,最好与原图成比例*/
}
div.horizontal ,
div.vertical {
	display:block;
	/*float:left;*/
	position:relative;
}
div.view-content img { width:100%; height:100%; }
div.view-content .single-element .overlay-box-shadow {
	width:256px;
	height:383px;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	background:url('../images/gallery_image_overlay_383433_90.png');
	overflow:hidden;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-out;
	-webkit-backface-visibility: hidden;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

     div.view-content .overlay-box-shadow .overlay-plus-icon {
         display: inline-block;
         width: 256px;
         height: 383px;
         top: 0;
         left: 0;
         margin: 0;
         position: absolute;
         z-index: 15;
         background: url('../images/gallery_zoom_plus.png') no-repeat center center;
         zoom: 1;
         -webkit-transition-property: all;
         -moz-transition-property: all;
         -o-transition-property: all;
         transition-property: all;
         -webkit-transition-duration: 0.5s;
         -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
         transition-duration: 0.5s;
     }

div.view-content .single-element:hover .overlay-box-shadow { 
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.view-content .single-element:hover .overlay-box-shadow .overlay-plus-icon {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
