.lightbox { background: #fff; width: 100%; }
#vlightbox1 { margin: 0; padding: 0; }
#vlightbox1 a img { margin: 0; padding: 0; /*
	small view
	medium view
	large view
	*/
	
	width:140px;	
	height:auto;	
	margin-right:25px;
	margin-bottom:25px;
	
/*width: 150px; height: auto; margin-right: 4px; margin-bottom: 4px; width: 220px;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;*/
	
border: 1px solid #ccc; padding: 5px; -webkit-transition: ease-out 500ms; -moz-transition: ease-out 500ms; -ms-transition: ease-out 500ms; -o-transition: ease-out 500ms; transition: ease-out 500ms; transform: translate3d(0px, 0px, 0px); }
#vlightbox1 a img:hover { -webkit-opacity: 0.35; -moz-opacity: 0.35; -ms-opacity: 0.35; -o-opacity: 0.35; opacity: 0.35; filter: alpha(opacity=30); }
#vlightbox1 * :focus,
.lightbox * :focus,
:focus { outline: 0; border: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.mfp-title { font-size: 1.2em; color: #ddd !important; font-weight: 700; }
#vlightbox1 .vlb-product { width: auto; display: inline-block; }
#vlightbox1 .vlb-product p { width: 100%; text-transform: capitalize; text-align: center; text-indent: 0; margin: 0; padding: 0; }
.thumb-slider { width: auto; background: #ccc; }
#t-slider { margin: 0 auto; position: relative; border: 1px solid #fff; background-color: #ccc; padding: 5px; width: 580px; }
.t-slider-img { margin: 0; float: left; position: relative; margin-right: 2px; }
.t-caption { color: #DC6804; margin: 0; }
.t-slider-mask { overflow: hidden; position: relative; }
#t-button-prev { position: absolute; top: 55px; cursor: pointer; left: -45px; }
#t-button-next { position: absolute; top: 55px; cursor: pointer; right: -45px; }
#t-slider-content { width: 3200px; position: relative; }

@media screen and (max-width: 1000px) {
#vlightbox1 { text-align: center; }
#vlightbox1 a { float: none; display: inline-block; width: auto; margin: 10px; margin-bottom: 10px; }
#vlightbox1 a img,
#vlightbox1 a:link img { max-width: 100%; width: auto; height: 60px; padding: 5px; }
.thumb-slider { height: auto; background-color: #00f; }
#t-slider { width: 300px; height: 103px; padding: 0; margin: 0; }
.t-slider-img { margin: 0; }
#vlightbox1 .vlb-product { display: inline-block; }
#vlightbox1 .vlb-product p { font-size: 12px; }
}