.image-pro
{
width:150px;
height:150px;
margin:0 auto;
border:none !important;
}

.offer-off
{background-color: #FF5722;border-radius: 11px;border: 1px solid #fff;color: #fff;display: inline-block;font-size: 12px;font-weight: 500;right: 6px;line-height: 1;margin-top: 1px;padding: 5px 11px 3px;position: absolute;top: 6px;z-index: 1;}

.image-pro-name
{
width:100%;
float:left;
font-size:20px;
height:auto;
background:#C93;
}

.image-pro-name p
{width:70%;font-size: 15px;margin:0px auto;color:#000;text-align: left;line-height:20px; height:40px;}


.unit-pro-name
{
width:50%;
float:left;
font-size:20px;
margin-top:15px;
height:auto;
padding-top:18px;
}

.unit-pro-name p
{
width: 73%;
font-size: 15px;
margin:0px auto;
color:#eb3e32;
font-weight:bold;
text-align:center;
}



.image-pro-price
{width:100%;float:left;height:auto;margin-top: 49px;margin-bottom: 23px;text-align:center;}




.image-pro-price span
{
background:#f7c527;
color:#000;
padding:7px 15px;
font-size:14px;
}


.image-pro-cart
{width:100%;
float:left;
text-align:center;
margin-left:20px;
height:auto;}


.add-to-cart
{
background:#616e1f;
border:none;
text-transform:uppercase;
font-weight:600;
font-size:14px;
color:#fff;
padding:6px 20px !important;
border:solid 1px #616e1f;
border-radius:0px;
}

.add-to-cart:hover
{
background:#eb3e32;

font-size:14px;
color:#fff;

border:solid 1px #eb3e32;

}

.quatity
{width:50px;float:left;position:absolute;margin-left: 31px;height:34px;border:solid 1px #ddd;border-radius:0px;text-align:center;}





.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
    float: left;
    padding: 0;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: initial;
    overflow: hidden;
    float:left;
    width:100%;
    height: 386px;
}

.nbs-flexisel-item {
float:left;
margin: 17px;
padding: 41px;
height: 291px;
cursor:pointer;
position:relative;
background: #222;
line-height:0px;
width: 250px !important;
}
.nbs-flexisel-item img {
    width: 150px;
    height: 150px;
    cursor: pointer;
    position: relative;
    margin-top: 0;
    border: none;
    float: left;
    margin-bottom: 0;
}

/*** Navigation ***/

.nbs-flexisel-nav-left

{
	    padding: 23px 16px;
	    position: absolute;
	    cursor: pointer;
	    z-index: 4;
	    background: #000 url(../image/arrow.png) no-repeat center !important;
	    top: 40%;
	    color: #fff;
	    border-radius: 0;
	    border: solid 1px #222;
	}
.nbs-flexisel-nav-right {
    padding: 23px 16px;
    border-radius:15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    background: #000 url(../image/arrow-1.png) no-repeat center !important;
    top:40%;
    color: #fff;
    border-radius: 0;
    border: solid 1px #222;
}

.nbs-flexisel-nav-left {
    left: -30px;
    z-index: 99999;
    top: 32%;
}




.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: -14px;
    z-index: 9;
    top: 32%;
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}


.rong-price
{font-size:13px; color:#999;}







@media only screen and (min-width: 360px) and (max-width: 680px) {
.nbs-flexisel-item {
float:left;
margin: 15px;
padding: 41px;
height: 291px;
cursor:pointer;
position:relative;
background: #222;
line-height:0px;
width:300px !important;
}



.nbs-flexisel-nav-right {
    right: -10px;
    z-index: 9;
    top: 40%;
}

.nbs-flexisel-nav-right {
    padding: 16px 15px;
    border-radius: 15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    background: #fff url(../image/arrow-1.png) no-repeat center !important;
    top: 40%;
    color: #fff;
    border-radius: 100% !important;
    border: solid 1px #ddd;
    box-shadow: none;
}


.nbs-flexisel-nav-left {
    padding: 16px 15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    background: #fff url(../image/arrow.png) no-repeat center !important;
    top: 40%;
    color: #fff;
    border-radius: 100% !important;
    border: solid 1px #ddd;
    box-shadow:none;
}

.nbs-flexisel-nav-left {
    left: -11px;
    z-index: 99999;
    top: 40%;
}


}