#slider{
  width:100%;
  border:0px solid #fff;;
  outline:1px solid #999;
  height:100%;
  background:url('../img/goa1.jpg')no-repeat center center;
  background-size:cover;
  /* 
  background:-webkit-radial-gradient(#ffefce, #fcd78d);
  background:-moz-radial-gradient(#ffefce, #fcd78d);
  background:-ms-radial-gradient(#ffefce, #fcd78d);
  background:-o-radial-gradient(#ffefce, #fcd78d);
  background:radial-gradient(#ffefce, #fcd78d);
  */
}
#allpic{
  width:18%;
  height:100%;
  background:#ccc;
  float:right;
  transition:all .5s ease-out;
  overflow:hidden;
  border:0px solid #fff;;
  outline:1px solid #999;
}
#allpic img{
	width:auto;
	height:100%;
}
#allpic:hover {
  width:65%;
  transition:all 1s ease-out;
}

#allpic:hover img{
  width:auto;
}

.title{
position:absolute;
margin:-200px auto auto 100px;
color:#fff;
font-size:46px;
border-left:5px solid orange;
padding-left:2%;
padding-right:1%;
background:rgba(0,0,0,0.5);
}