/*


 * Swiper - Mobile Touch Slider CSS


 * http://www.idangero.us/sliders/swiper


 *


 * Vladimir Kharlampidi, The iDangero.us


 * http://www.idangero.us/


 * 


 * Copyright 2012-2013, Vladimir Kharlampidi


 * The iDangero.us


 * http://www.idangero.us


 *


 * Licensed under GPL & MIT


 *


*/





/* ===============================================================


Basic Swiper Styles 


================================================================*/


.swiper-container {


	margin:0 auto;


	position:relative;


	overflow:hidden;


	-webkit-backface-visibility:hidden;


	-moz-backface-visibility:hidden;


	-ms-backface-visibility:hidden;


	-o-backface-visibility:hidden;


	backface-visibility:hidden;


	/* Fix of Webkit flickering */


	z-index:1;


}


.swiper-wrapper {


	position:relative;


	width:100%;


	-webkit-transition-property:-webkit-transform, left, top;


	-webkit-transition-duration:0s;


	-webkit-transform:translate3d(0px,0,0);


	-webkit-transition-timing-function:ease;


	


	-moz-transition-property:-moz-transform, left, top;


	-moz-transition-duration:0s;


	-moz-transform:translate3d(0px,0,0);


	-moz-transition-timing-function:ease;


	


	-o-transition-property:-o-transform, left, top;


	-o-transition-duration:0s;


	-o-transform:translate3d(0px,0,0);


	-o-transition-timing-function:ease;


	-o-transform:translate(0px,0px);


	


	-ms-transition-property:-ms-transform, left, top;


	-ms-transition-duration:0s;


	-ms-transform:translate3d(0px,0,0);


	-ms-transition-timing-function:ease;


	


	transition-property:transform, left, top;


	transition-duration:0s;


	transform:translate3d(0px,0,0);


	transition-timing-function:ease;





	-webkit-box-sizing: content-box;


	-moz-box-sizing: content-box;


	box-sizing: content-box;


}


.swiper-free-mode > .swiper-wrapper {


	-webkit-transition-timing-function: ease-out;


	-moz-transition-timing-function: ease-out;


	-ms-transition-timing-function: ease-out;


	-o-transition-timing-function: ease-out;


	transition-timing-function: ease-out;


	margin: 0 auto;


}


.swiper-slide {


	float: left;


}





/* IE10 Windows Phone 8 Fixes */


.swiper-wp8-horizontal {


	-ms-touch-action: pan-y;


}


.swiper-wp8-vertical {


	-ms-touch-action: pan-x;


}





/* ===============================================================


Your custom styles, here you need to specify container's and slide's


sizes, pagination, etc.


================================================================*/


.swiper-container {


	/* Specify Swiper's Size: */





	/*width:200px;


	height: 100px;*/


}


.swiper-slide {


	/* Specify Slides's Size: */


	


	/*width: 100%;


	height: 100%;*/


}


.swiper-slide-active {


	/* Specific active slide styling: */


	


}


.swiper-slide-visible {


	/* Specific visible slide styling: */	





}


/* ===============================================================


Pagination Styles


================================================================*/


.swiper-pagination-switch {


	/* Stylize pagination button: */	





}


.swiper-active-switch {


	/* Specific active button style: */	


	


}


.swiper-visible-switch {


	/* Specific visible button style: */	


	


}








/*==========index.css=========*/


@charset "utf-8"; 


/* CSS Document */  





/*.swiper-container { width: 320px; height: 200px; } */


.swiper-wrapper { height: 100%; } 


.swiper-wrapper img { width: 100%; } 


.swiper-slide { width: 100%; text-align: center; height: 100%; } 


.swiper-slide img { vertical-align: middle; display: block; position: relative; } 


.pagination {text-align: center; width: 100%;  height: 30px;line-height: 30px; } 


.swiper-pagination-switch { vertical-align: middle; display: inline-block; width: 35px; height:3px; background: #d1d1d1; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; margin: 0 2px; } 


.swiper-active-switch { background: #33beff; }





.index_search {background-color:#fff;}


.index-container li {list-style:none;float:left;max-width:100%;height:auto;}


.index-container img {max-width:100%;}





.mainLayout { margin:0 10px;}


.mainLayout li {list-style:none;background-color:#fff;margin-bottom:10px; overflow:hidden;}


.mainLayout img {max-width:100%;}


.mainLayout .index_info {position:relative;padding:4px 10px 10px;text-align:left; overflow:hidden;}


.mainLayout p {color:#5e5e5e;padding: 0;margin: 0;line-height:22px;}


.mainLayout .index_title {color: #000;font-size:16px;}


.mainLayout .index_price {position: absolute;top:4px;right:10px;color: #d71249;font-size:16px;}





.more_products{display:block; width:100px; height:80px; overflow:hidden; margin:-29px auto 0 auto; text-align:center; color:#7a7a7a; line-height:1em; }


.icon_morep{ display:block; margin-left:31px; background-size:408px 408px; background-position:-294px -150px; width:38px; height:40px; overflow:hidden;}





h2{ margin:0 10px; padding:0; background:#7a7a7a; text-align:center; height:40px; line-height:40px; font-size:18px; font-weight:600; color:#ffffff; }








@media only screen and (max-width: 320px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 320px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 360px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 380px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 400px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 420px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 460px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


@media only screen and (min-width: 480px) { 


	.swiper-container { width: 100%; 	 height: auto; }


}


.activemsg{ text-indent:10px;}