.post-text, .pre-text{

    margin: 10px 20px 10px 20px;

}

.container-slider {

/* 	position: relative; */

/* 	overflow: hidden; */

}

/*############################################## Css Device ##################################*/



	.container-slider .preset02-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset02-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset02-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}



	.container-slider .preset02-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset02-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset02-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset02-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset02-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset02-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset02-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset02-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset02-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset02-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset02-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset02-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}



	.container-slider .preset02-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }

	.container-slider .preset02-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset02-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}	



@media all and (max-width: 320px){
.container-slider .page-button.top .control-button .preview, .container-slider .page-button.top .control-button .next{bottom:-83px;}
	.container-slider .preset05-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset05-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset05-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}
.container-slider .slider .item img {
    height: 71px;
	margin-top:10px;
    vertical-align: middle;
}

.item-title > a {
    font-size: 70%;
    font-weight: bold;
}.item-img-info{
   height: 130px;
   width: 130px;
}


	.container-slider .preset05-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset05-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset05-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset05-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset05-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset05-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset05-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset05-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset05-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset05-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset05-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset05-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}



	.container-slider .preset05-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }

	.container-slider .preset05-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset05-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}	

}

@media all and (min-width: 321px) and (max-width: 480px){

		.container-slider .preset05-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset05-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset05-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}
.container-slider .slider .item img {
    height: 105px;
    vertical-align: middle;
	margin-top:30px;
}

.item-title > a {
    font-size: 77%;
    font-weight: bold;
}.item-img-info{

    height: 200px;
   
    width: 200px;
}


	.container-slider .preset05-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset05-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset05-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset05-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset05-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset05-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset05-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset05-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset05-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset05-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset05-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset05-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}



	.container-slider .preset05-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }

	.container-slider .preset05-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset05-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}	


}



@media all and (min-width: 481px) and (max-width: 768px){

	.container-slider .preset03-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset03-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset03-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}



	.container-slider .preset03-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset03-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset03-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset03-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset03-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset03-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset03-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset03-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset03-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset03-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset03-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset03-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}

.item-img-info{

    height: 233px;
	width: 233px;

	

}
.container-slider .slider .item img{


    height: 98px;
    margin-top: 57px;
    vertical-align: middle;
}

	.container-slider .preset03-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }

	.container-slider .preset03-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset03-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}		

}



@media all and (min-width: 769px) and (max-width: 1200px){

	.container-slider .preset02-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset02-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset02-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}



	.container-slider .preset02-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset02-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset02-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset02-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset02-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset02-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset02-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset02-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset02-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset02-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset02-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset02-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}

.item-img-info{

    height: 233px;
	width: 233px;

	

}
.container-slider .slider .item img{


    height: 98px;
    margin-top: 57px;
    vertical-align: middle;
}

	.container-slider .preset02-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }


	.container-slider .preset02-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset02-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}		

}



@media all and (min-width: 1201px){

	.container-slider .preset01-1 .vpo-wrap { width: 100%; margin: 0; }

	.container-slider .preset01-1 .vpo-wrap .vp{ margin-right: 0; }

	.container-slider .preset01-1 .vpo-wrap .vp .item{float: left;margin: 0;width: 100%;}



	.container-slider .preset01-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; }

	.container-slider .preset01-2 .vpo-wrap .vp{ margin-right: -100%; }

	.container-slider .preset01-2 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 48%;}



	.container-slider .preset01-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; }

	.container-slider .preset01-3 .vpo-wrap .vp{ margin-right: -200%; }

	.container-slider .preset01-3 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 31.3333%;}



	.container-slider .preset01-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; }

	.container-slider .preset01-4 .vpo-wrap .vp { margin-right: -300%; }

	.container-slider .preset01-4 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 23%;}



	.container-slider .preset01-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; }

	.container-slider .preset01-5 .vpo-wrap .vp { margin-right: -400%; }

	.container-slider .preset01-5 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 18%;}



	.container-slider .preset01-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; }

	.container-slider .preset01-6 .vpo-wrap .vp { margin-right: -500%; }

	.container-slider .preset01-6 .vpo-wrap .vp .item{float: left;margin: 0 1%;width: 14.6666%;}	
	.item-img-info{

    height: 233px;
	width: 233px;

	

}
.container-slider .slider .item img{


    height: 98px;
    margin-top: 57px;
    vertical-align: middle;
}
}

/*################################# End css Device #############################################*/



.container-slider{

	margin:0 0px 18px 15px;

	position: relative;

}



.container-slider .slider {

	overflow: hidden;

	position: relative;

	z-index: 999;

}

.container-slider .slider .item{

	background-size: 100% 100%;

}



.container-slider .no-rgba .slider .item{

	background: url('rgba.php/rgba(255%2c%200%2c%200%2c%20.html)');

}



.item-title > a {
    font-size: 13px;
    font-weight: bold;
}


.container-slider .slider .item img:hover{

	cursor: pointer;	



}



.container-slider .slider .vpo-wrap .vp{

	position: relative;

	overflow: hidden;

	height: auto;

}



.container-slider .slider .vpo-wrap .vp .vpi-wrap{

	white-space: nowrap;

	font-size: 0 !important;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.container-slider .slider .vpo-wrap .vpi-wrap:after{

	display: block;

	height: 0;

	line-height: 0;

	content: '';

	clear: both;

}



.container-slider .not-js .vpo-wrap,

.container-slider .not-js .vpo-wrap .vp,

.container-slider .not-js .vpo-wrap .vp .vpi-wrap,

.container-slider .not-js .vpo-wrap .vp .item{

	position: static;

}

.container-slider .not-js .vpo-wrap .vp .item{

	float: left;

}





.container-slider #to li a{

	outline: none;

}





/*#################################################### css for hearder #############################################*/

/* .container-slider .page-header-module{ */

/* 	margin:10px 10px 0 10px; */

/* 	height: 38px; */

/* 	white-space: nowrap; */

/* } */

.container-slider .page-title{

	color: #2E2C2D;

	text-transform: uppercase;

	font-size: 13px;

	font-weight: bold;

/* 	float: left; */

	overflow: hidden;

	width: 75%;

	margin:10px 0 8px 6px;

}



/*############################################### css for botton #################################################*/

.container-slider .control-button {

    list-style: none outside none;

    margin-bottom: 0;

    margin-left: 0;

}

.container-slider .page-button .control-button{

	text-indent: -999999px;

	margin-bottom:0px;

	position: relative;

	height:100%;

}

.container-slider .page-button.top,

.container-slider .page-button.bottom{

	 margin-right: 10px;

}

.container-slider .page-button .control-button .preview{

	background: url(../images/button-image.png) no-repeat;

    width:24px;

    height:25px;        



    position:absolute;

/*    right:30px;	*/

    padding:0px;

    margin:0px;

    z-index: 9999;

}



.slider.cols-6.preset01-4.preset02-3.preset03-2.preset04-2.preset05-1.js-loaded {

    margin-left: 40px;

    width: 90%;

}


.container-slider .slider .vpo-wrap .vp .item {
    display: inline-block;
    float: none;
    font-size: medium;
    margin-bottom: 2%;
    margin-right: 0px;
	margin-right:92px;
}
.container-slider .page-button .control-button .next{

     background: url("../images/button-image.png") no-repeat scroll -25px 0 transparent;

    height: 25px;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 0;

    width: 26px;

    z-index: 9999;

}

.container-slider .page-button.top .control-button .preview,

.container-slider .page-button.top .control-button .next{

	bottom:-136px;

}

.container-slider .page-button.middle{

    right: 30px;

    left: 30px;

    position: absolute;

    top: 0;

    bottom: 0;

}

.container-slider .page-button .control-button{

}

.container-slider .page-button.bottom .control-button .preview, 

.container-slider .page-button.bottom .control-button .next{

	top:10px;

}

.container-slider .page-button.middle .control-button .preview{

 	top: 52%;

    z-index: 9999;

    left:0;	 

}

.container-slider .page-button.middle .control-button .next{

 	top: 52%;

    z-index: 9999;

    right:0;	

}



.container-slider .page-button.style2 .control-button .preview{

	background-position:-180px 0;

    width:22px;

    height:20px;        

    right:21px;	

    z-index: 9999;

}

.container-slider .page-button.style2 .control-button .next{

    background-position:-210px 0;

    width:22px;

    height:20px; 

    z-index: 9999;   

}

.container-slider .page-button.style3 .control-button .preview{

	background-position:-60px 0;

    width:14px;

    height:21px;        

    right:15px;	

    z-index: 9999;

}

.container-slider .page-button.style3 .control-button .next{

    background-position:-90px 0;

    width:12px;

    height:21px;  

    z-index: 9999;  

}



.container-slider .page-button .control-button .preview:hover, 

.container-slider .page-button .control-button .next:hover, 

.container-slider .page-button.style2 .control-button .preview:hover,

.container-slider .page-button.style2 .control-button .next:hover{

	cursor: pointer;

 

	

}





/*########################################## css for info item ############################################*/

.container-slider .slider .vpo-wrap .vp .item .item-wrap{

	/*width: 100%;*/

	position: relative;



}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img{

	border: 0px solid #DDDDDD;



}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info{

	margin-top:10px;

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title{

	font-size:15px;

	margin-bottom:7px;

}



.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-des{

	font-size: 11px;

}



.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-price{

	font-family: Georgia;

	color:#FF0000;

	padding-bottom: 7px;

	font-size: 13px;

}



.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .sale-price-before{

	display: inline;

	padding-right: 10px;

	color:#999;

	text-decoration: line-through;

}



.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .sale-price{

	display: inline;

}



.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-read{

	text-align: right;

	font-size:12px;

/* 	margin-top:5px; */

}





/*css spotlight*/

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight{

	position: absolute;

	left: 0;

	bottom:0;

	padding:10px 0 10px 0;

	width:100%;

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-inner{

	position: relative;

	padding:8px 10px 0px 10px;

	overflow: hidden;

	margin-right:10px;

	margin-left:10px;

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content,

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content a,

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title a,

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title{

	position: relative;

	color:white;

	z-index: 2;

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content{

	padding-bottom:2px;

	height:0px;

	-webkit-transition: all 3s ;

	-moz-transition: all 3s ;

	-ms-transition: all 3s ;

	-o-transition: all 3s ;

	transition: all 3s ;  

    

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight:hover .item-content{

	height:auto;

}

.container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-bg{

	position: absolute;

	bottom: 0px;

	left: 0px;

    background:#000;	



    height:100%;  

    width: 100%;

    z-index: 1;

}



/*#################################################################*/

.container-slider .control-button:after{

    clear: both;

}

.container-slider .control-button:before, .container-slider .control-button:after {

    content: "";

    display: table;

}

.item-img-info{



	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100% 100% 100% 100%;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;

    position: relative;
    text-align: center;


	

}