.box1b {cursor: pointer; width: 300px; height: 150px; border-radius: 10px; background-color: red; display: block; position: absolute; top: 5px; left: 15px; opacity: 0.7; box-shadow:0 15px 10px -15px; -webkit-transition:0.5s;}
.box2b {cursor: pointer; width: 300px; height: 150px; border-radius: 10px; background-color: orange; display: block; position: absolute; top: 5px; left: 330px; opacity: 0.7; box-shadow:0 15px 10px -15px; -webkit-transition:0.5s;}
.box4b {cursor: pointer; width: 300px; height: 150px; border-radius: 10px; background-color: yellow; display: block; position: absolute; top: 5px; left: 645px; opacity: 0.7; box-shadow:0 15px 10px -15px; -webkit-transition:0.5s;}
.box3b {cursor: pointer; width: 300px; height: 150px; border-radius: 10px; background-color: green; display: block; position: absolute; top: 5px; left: 960px; opacity: 0.7; box-shadow:0 15px 10px -15px; -webkit-transition:0.5s;}
.box5b {cursor: pointer; width: 1245px; height: 700px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 170px; left: 15px; opacity: 0.7; box-shadow:0 15px 10px -15px; -webkit-transition:0.5s;}

div.box1b:hover ~ .box1{width: 1245px; height: 650px; position: absolute; top: 170px; left: 15px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box1b:hover ~ .box5 {width: 1245px; height: 50px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 835px; left: 15px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}

div.box2b:hover ~ .box2{width: 1245px; height: 650px; position: absolute; top: 170px; left: 15px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box2b:hover ~ .box5 {width: 1245px; height: 50px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 835px; left: 15px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}

div.box3b:hover ~ .box3{width: 1245px; height: 650px; position: absolute; top: 170px; left: 15px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box3b:hover ~ .box5 {width: 1245px; height: 50px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 835px; left: 15px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}

div.box4b:hover ~ .box4{width: 1245px; height: 650px; position: absolute; top: 170px; left: 15px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box4b:hover ~ .box5 {width: 1245px; height: 50px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 835px; left: 15px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}