.gray-box {
    background: #f0f0f0;
    margin-top: 0;
    padding: 5px 10px 10px;
  }
.blue-box {
    background: #4267B2;
	color:#ffffff;
    margin-top: 0;
    padding: 10px;
  text-align:center;
}
.blue-box:hover {
    background: #6C94D3;
	color:#ffffff;
	text-decoration:none;
}

ul.bxslider li {
  // 指定したい幅と高さ
  width: 300px;
  height: 300px;
  position: relative;
}
ul.bxslider li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width:  100%;
  max-height:  100%;
  margin: auto;
}
参考