#our-pro{ border:1px solid #eaeaea; padding:10px 0px ; margin-bottom:30px;}
#our-pro ul{ display:block; overflow:hidden; height:220px;}
#our-pro ul li{  float:left; width:274px; height:320px; padding:0px; margin:0px 10px;  display:block; overflow:hidden;} 
#our-pro ul li img{width:274px; height:320px;}
#our-pro .prev1, #our-pro .next1 {margin-left: 0px; width:22px;	height:22px; display:block; text-indent:-999em; background: transparent url('images/arrow_next.png') no-repeat 0 0; position:absolute; top:10px; outline:none;}
#our-pro .prev1 {background-position:0 0; left:1120px;} 
#our-pro .next1 {background-position: -22px 0; left:1150px;} 

.clearfix {	float: none; clear: both;}

/* 960px Desktop */
@media only screen and (min-width: 960px) and (max-width: 1199px)
{ 
#our-pro ul li{  float:left; width:214px; height:260px; padding:0px; margin:0px 10px;  display:block; overflow:hidden;} 
#our-pro ul li img{width:214px; height:260px;}
our-pro .prev1, #our-pro .next1 {top:10px;}
#our-pro .prev1 {background-position:0 0; left:20px;} 
#our-pro .next1 {background-position: -22px 0; left:50px;} 
}

/* 768px Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
#our-pro ul li{  float:left; width:228px; height:260px; padding:0px; margin:0px 10px;  display:block; overflow:hidden;} 
#our-pro ul li img{width:228px; height:260px;}
our-pro .prev1, #our-pro .next1 {top:10px;}
#our-pro .prev1 {background-position:0 0; left:20px;} 
#our-pro .next1 {background-position: -22px 0; left:50px;} 
}

/* 320px Mobile (Portrait) */
@media only screen and (max-width: 767px)
{ 
#our-pro ul li{  float:left; width:278px; height:320px; padding:0px; margin:0px 10px;  display:block; overflow:hidden;} 
#our-pro ul li img{width:278px; height:320px;}
our-pro .prev1, #our-pro .next1 {top:10px;}
#our-pro .prev1 {background-position:0 0; left:20px;} 
#our-pro .next1 {background-position: -22px 0; left:50px;} 
}
 

/* 480px Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
#our-pro ul li{  float:left; width:189px; height:220px; padding:0px; margin:0px 10px;  display:block; overflow:hidden;} 
#our-pro ul li img{width:189px; height:220px;}
our-pro .prev1, #our-pro .next1 {top:10px;}
#our-pro .prev1 {background-position:0 0; left:20px;} 
#our-pro .next1 {background-position: -22px 0; left:50px;} 
}