.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{background:none}
.camera_next > span{background: url(../images/right-arr.png) right top no-repeat;width: 42px;height: 47px;background-position: 0 0 !important;background-size: 100%;padding: 0;margin: 0;float: right;right: 0px;}
.camera_prev > span{background: url(../images/left-arr.png) 0 0 no-repeat;width: 42px;height: 47px;background-position: 0 0 !important;background-size: 100%;}

.camera_wrap img{margin-left:0 !important;/* max-height: 550px !Important; */}
.camera_pag{/* display:none */bottom: 15px;position: absolute;width: 100%;left: 0;}

.company-info{margin: 10px 0;background:#fff;margin-bottom: 10px !important;}
.company-info a{
    color: #333;
    text-decoration: none;
}
.company-info a:hover{}
.company-info a:hover i{
    transform: rotate(360deg);
}
.company-info .micon{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #252525;
    border-radius: 50%;
    position: relative;
    top: 13px;
    margin-right: 11px;
}
.company-info .micon i{
    text-align: center;
    font-size: 21px;
    color: #fff;
    position: absolute;      top: 0;      right: 0;      left: 0;      bottom: 0;      margin: auto;      width: 100%;      height: auto;      display: inline-table;      
    padding: 10px;
    padding-left: 11px;
    transform: rotate(0deg);
    transition: all 0.4s ease;
}
.company-info span{
    font-size: 11px;
    color: #9E9E9E;
}
.wrap-slider{padding: 0px;}
#slider-camera-wrapper{
    position: relative;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.5);
}


#slider-camera-wrapper *{margin-bottom: 0 !important;}
#slider-camera-wrapper .camera_caption {
    margin-left: 0px;
    /* padding: 0px 15px; */
}
#slider-camera-wrapper .camera_caption h2{
    margin: 0;
    font-size: 60px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
#slider-camera-wrapper .camera_caption h2 a{
    color: white;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
#slider-camera-wrapper .camera_caption h2 a:hover{text-decoration:none;color: #FEFFFF;}
#slider-camera-wrapper .camera_caption .desc{
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
	.camera_next > span,.camera_prev > span{width: 30px;height:40px}
	
}


#index-puple .title{
	text-align:center;
	margin:10px auto;
	margin-top:20px;
}
#slider{height:475px;box-shadow:0 10px 10px -7px rgba(0, 0, 0, 0.2)}
#index-puple{
		margin:auto;
		position: relative;
		top: 10px;
		z-index:123;
}
#index-puple .index-item img{


left: 0px;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto
}

#index-puple .index-item .x-wrap{

border-radius: 50%;

height: 0;

width: 93%;

padding-bottom: 93%;

overflow: hidden;

position: relative;

/* background: red; */

left: 3.5%;

top: 3.5%;
}
#index-puple .index-item:hover{
	top:-10px;
	opacity:0.9;
}
#index-puple .index-item .mt img{
	
border-radius: 0;
}
#index-puple .index-item .mt{
width: 23px;
height: 21px;
position: absolute;
bottom: 4px;
left: 44%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#index-puple .index-item:hover .mt{
	left:50%;
}
#index-puple .index-item{
	
top:10px;
	
-moz-transition: all 0.3s ease;
	
-o-transition: all 0.3s ease;
	
-ms-transition: all 0.3s ease;
	
transition: all 0.3s ease;
	
width:225px;
	
height:244px;
	
overflow:hidden;
	
float:left;
	
position:relative;
	
margin:0 2px;
	
background:url(../images/label2.png) no-repeat;
	
background-size: 100%;
}
#index-puple .index-item:hover{cursor:hand;cursor:pointer}
#index-puple .index-item .name:hover a{color: #F0E42C;text-decoration:none}
#index-puple .index-item .name a{font-family: dinhtran;
color: #FFFFFF;
/* font-weight: bold; */
text-transform: capitalize;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 18px;
width: 70%;float: left;margin-left: 15%;}
#index-puple .index-item .name{position: absolute;
bottom: 0px;
line-height: 22px;
background: rgba(37, 76, 120, 0.62);
width: 100%;
height: 50px;
bottom: 0;
text-align: center;
left: 0;
}
.wrap-product-category{
    margin-bottom: 10px;
    position: relative;
}
.wrap-product-category {}
.wrap-product-category  .photo img{width:100%}
.wrap-product-category  .photo{}
.wrap-product-category  .name{
    display: none;
}
.wrap-product-category h3{}
.wrap-product-category h3 a{}
.wrap-product-category  h3:hover a{}


#x-block .bitem{margin-bottom:16px;}


#x-block .bitem .name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: auto;
	opacity:1;
    display: table;
	transition:0.5s ease all;
}
#x-block .bitem .name a{
    font-size: 24px;
    color: yellow;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.74);
    font-family: 'Open Sans';
    text-decoration: none;
}


#x-block .item-index{overflow:hidden;border:1px solid #ccc;padding:4px}
#x-block .item-index .rel{overflow:hidden}
#x-block .item-index img{transition:all 0.8s ease;transform:scale(1);opacity:1;width:100%}
#x-block .item-index:hover img{transform:scale(1.3);opacity:.8}
#x-block .item-index:hover .name {opacity:1}