.box { position: relative; text-align: center; }
.box .link_img:hover img { opacity: 0.9; }
.box .link_img img { position: relative; }
.box .link_img span { display: block; top: 5px; bottom: 5px; left: 5px; right: 5px; position: absolute; border: 2px solid #ddd; }
.box .link_img:hover span { border-color: #d7d9d9; }
.box .link_img { display: block; position: relative; }
.link { display: block; background: #DDD6B3; color: #222; font-size: 15px; font-weight: bold; text-align: center; padding-top: 2px; padding-bottom: 3px; }
.link:hover { background: #C9BF8F; }

.box2 { position: relative; text-align: center; }
.box2 .link_img:hover img { opacity: 0.7; }
.box2 .link_img img { position: relative; width: 450px; height: 405px; }
.box2 .link_img span { display: block; top: 5px; bottom: 5px; left: 5px; right: 5px; position: absolute; border: 2px solid #ddd; }
.box2 .link_img:hover span { border-color: #d7d9d9; }
.box2 .link_img { display: block; position: relative; float: right; width: 450px; }
.box2 .link { float: left; width: 85px; line-height: 405px; margin-right: 5px; display: block; background: #DDD6B3; color: #222; font-size: 15px; font-weight: bold; text-align: center; }
.box2 .link:hover { background: #C9BF8F; }

.box3 { position: relative; text-align: center; }
.box3 .link_img:hover img { opacity: 0.7; }
.box3 .link_img img { position: relative; width: 290px; height: 405px; }
.box3 .link_img span { display: block; top: 5px; bottom: 5px; left: 5px; right: 5px; position: absolute; border: 2px solid #ddd; }
.box3 .link_img:hover span { border-color: #d7d9d9; }
.box3 .link_img { display: block; position: relative; float: right; width: 290px; }
.box3 .link { float: left; width: 85px; line-height: 405px; margin-right: 5px; display: block; background: #DDD6B3; color: #222; font-size: 15px; font-weight: bold; text-align: center; }
.box3 .link:hover { background: #C9BF8F; }

.box4 { position: relative; text-align: center; }
.box4 .link_img:hover img { opacity: 0.7; }
.box4 .link_img img { position: relative; width: 200px; height: 200px; }
.box4 .link_img span { display: block; top: 5px; bottom: 5px; left: 5px; right: 5px; position: absolute; border: 2px solid #ddd; }
.box4 .link_img:hover span { border-color: #d7d9d9; }
.box4 .link_img { display: block; position: relative; float: right; width: 200px; }
.box4 .link { float: left; width: 95px; line-height: 200px; margin-right: 5px; display: block; background: #DDD6B3; color: #222; font-size: 15px; font-weight: bold; text-align: center; }
.box4 .link:hover { background: #C9BF8F; }


.box5 { position: relative; text-align: center; }
.box5 .link_img:hover img { opacity: 0.7; }
.box5 .link_img img { position: relative; width: 500px; height: 200px; }
.box5 .link_img span { display: block; top: 5px; bottom: 5px; left: 5px; right: 5px; position: absolute; border: 2px solid #ddd; }
.box5 .link_img:hover span { border-color: #d7d9d9; }
.box5 .link_img { display: block; position: relative; float: right; width: 500px; }
.box5 .link { float: left; width: 115px; line-height: 200px; margin-right: 5px; display: block; background: #DDD6B3; color: #222; font-size: 15px; font-weight: bold; text-align: center; }
.box5 .link:hover { background: #C9BF8F; }