.grid {
	width:33.33333333333333%;
	padding:0;
	float:left;
	border-right:1px solid #fff;
}
.pro-detail {
	background-color:#3c3c3c;
	background-repeat:repeat-y;
	margin:0;
	padding:20px;
	color:#fff;
	line-height:normal;
	width:100%;
	float:left;
	position:relative
}
.pro-detail:before {
	content:'';
	position:absolute;
	left:40px;
	top:-20px;
	width:0;
	height:0;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:20px solid #3c3c3c
}
.pro-detail strong {
	font-weight:600
}
.display-box {
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	background-color:#000;
	    border: 1px solid #dadada;
    margin-bottom: 1px;
}
.display-box::before, .display-box:after {
position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
content:'';
opacity:0;
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
transition:opacity 0.35s, transform 0.35s;
z-index:2
}
.display-box::before {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
-webkit-transform:scale(0, 1);
transform:scale(0, 1)
}
.display-box::after {
border-right:1px solid #fff;
border-left:1px solid #fff;
-webkit-transform:scale(1, 0);
transform:scale(1, 0)
}
.display-box:hover::before, .display-box:hover::after {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.display-box img {
	display:block;
	position:relative;
	width:100%;
	display:block;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease
}
.display-box:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:0.5
}
.display-box a {
	width:60px;
	height:60px;
	position:absolute;
	top:-100%;
	left:50%;
	margin:-30px 0 0 -30px;
	z-index:5;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-indent:-999999px;
	font-size:0;
	display:block;
	background-color:#ea7d22;
	background-repeat:repeat-y
}
.display-box:hover a {
	top:50%
}
.display-box a:after {
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/icons/zoom.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:'';
	z-index:1
}
.lightboxOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:99999999;
	background-color:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:0.8;
	display:none
}
.da-thumbs p:last-child {
	margin:15px 0 0 0;
	position:relative;
	z-index:5;
	text-align:center
}
.da-thumbs:hover p:last-child {
	color:#fff
}
.da-thumbs p:last-child span {
	font-size:12px
}
.lightbox {
	position:fixed;
	left:0;
	top:3% !important;
	width:100%;
	z-index:99999999999999;
	text-align:center;
	line-height:0;
	font-weight:normal
}
.lightbox .lb-image {
	display:block;
	height:auto;
	max-width:inherit
}
.lightbox a img {
	border:none
}
.lb-outerContainer {
	position:relative;
	background-color:#000;
*zoom:1;
	width:250px;
	height:250px;
	margin:0 auto
}
.lb-outerContainer:after {
	content:"";
	display:table;
	clear:both
}
.lb-container {
	background-color:#fff
}
.lb-loader {
	position:absolute;
	top:43%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0
}
.lb-cancel {
	display:block;
	width:30px;
	height:30px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	margin:0 auto;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center
}
.lb-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
}
.lb-container>.nav {
	left:0
}
.lb-prev, .lb-next {
	height:100%;
	cursor:pointer;
	display:block
}
.lb-nav a.lb-prev {
	width:34%;
	margin:0 0 0 -50px;
	left:0;
	float:left;
	background:url(../images/icons/prev.png) left 48% no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-o-transition:opacity 0.6s;
	transition:opacity 0.6s
}
.lb-nav a.lb-prev:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1
}
.lb-nav a.lb-next {
	width:64%;
	right:0;
	float:right;
	background:url(../images/icons/next.png) right 48% no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-o-transition:opacity 0.6s;
	transition:opacity 0.6s;
	margin:0 -50px 0 0
}
.lb-nav a.lb-next:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1
}
.lb-dataContainer {
	margin:0 auto;
	padding-top:5px;
*zoom:1;
	width:100%
}
.lb-dataContainer:after {
	content:"";
	display:table;
	clear:both
}
.lb-data {
	padding:0 20px;
	color:#ccc
}
.lb-data .lb-details {
	width:85%;
	float:left;
	text-align:left;
	line-height:normal
}
.lb-data .lb-caption {
	font-size:11px;
	font-weight:normal;
	line-height:normal;
	color:#fff
}
.lb-data .lb-number {
	display:block;
	clear:left;
	padding-bottom:1em;
	font-size:11px;
	color:#fff
}
.lb-data .lb-close {
	display:block;
	float:right;
	width:45px;
	height:45px;
	background:url(../images/icons/close.png) top right no-repeat;
	text-align:right;
	outline:none;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:0.7;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s
}
.lb-data .lb-close:hover {
	cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1
}
@media only screen and (max-width: 480px) {
.grid {
width:100%
}
}