#info ul {padding:0; margin:120px auto 115px auto; list-style-type:none; width:210px; height:158px; position:relative;}
#info img {border:0;}
#info li {display:block; height:50px; width:50px; float:left; margin:1px;}
#info a {display:block; width:48px; height:48px; border:1px solid #000; line-height:48px; text-align:center; text-decoration:none; color:#fff;font-weight: bold; }
#info a em, #info a span {display:none;}
a#link1 {background:#096; color:#000;}
a#link2 {background:#f03; color:#000;}
a#link3 {background:#096; color:#000;}
a#link4 {background:#f03; color:#000;}
a#link5 {background:#fff; color:#000;}
a#link6 {background:#fff; color:#000;}
a#link7 {background:#fff; color:#000;}
a#link8 {background:#fff; color:#000;}
a#link9 {background:#fff; color:#000;}

a:hover#link1 {background:#ffc; color:#000;}
a:hover#link1 span {display:block; position:absolute; left:-270px; top:-100px; width:260px; height:150px; border:1px solid #000;background:#fff;}
a:hover#link1 em {display:block; position:absolute; left:-10px; top:-25px; width:35px; height:25px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}

a:hover#link2 {background:#ffc; color:#000;}
a:hover#link2 span {display:block; position:absolute; left:-60px; top:-160px; width:260px; height:150px; border:1px solid #000;background:#fff;}
a:hover#link2 em {display:block; position:absolute; left:78px; top:-9px; width:1px; height:10px; font-size:1px; overflow:hidden; border-right:1px solid #000; line-height:1px;}

a:hover#link3 {background:#ffc;}
a:hover#link3 span {display:block; position:absolute; left:-10px; top:-160px; width:260px; height:150px; border:1px solid #000; background:#ffff; color:#000;}
a:hover#link3 em {display:block; position:absolute; left:132px; top:-9px; width:1px; height:10px; border-left:1px solid #000; line-height:1px;}

a:hover#link4 {background:#ffc;}
a:hover#link4 span {display:block; position:absolute; left:218px; top:-100px; width:260px; height:150px; border:1px solid #000; background:#fff; color:#000;}
a:hover#link4 em {display:block; position:absolute; left:182px; top:-25px; width:35px; height:25px; border-left:1px solid #000;  border-top:1px solid #000; line-height:1px;}

a:hover#link5 {background:#ffc; color:#000;}
a:hover#link5 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px solid #000; background:#fff; color:#000;}
a:hover#link5 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #000; line-height:1px;}

a:hover#link6 {background:#ffc;}
a:hover#link6 span {display:block; position:absolute; left:218px; top:2px; width:260px; height:150px; border:1px solid #000; background:#fff;}
a:hover#link6 em {display:block; position:absolute; left:104px; top:75px; width:115px; height:1px; border-top:1px solid #000; line-height:1px;}

a:hover#link7 {background:#ffc;}
a:hover#link7 span {display:block; position:absolute; left:-270px; top:105px; width:260px; height:150px; border:1px solid #000; background:#fff;}
a:hover#link7 em {display:block; position:absolute; left:-10px; top:155px; width:35px; height:25px; border-right:1px solid #000;  border-bottom:1px solid #000; line-height:1px;}

a:hover#link8 {background:#ffc;}
a:hover#link8 span {display:block; position:absolute; left:-10px; top:165px; width:260px; height:150px; border:1px solid #000; background:#fff;}
a:hover#link8 em {display:block; position:absolute; left:132px; top:155px; width:35px; height:15px; border-left:1px solid #000; }

a:hover#link9 {background:#ffc;}
a:hover#link9 span {display:block; position:absolute; left:218px; top:105px; width:260px; height:150px; border:1px solid #000; background:#fff;}
a:hover#link9 em {display:block; position:absolute; left:182px; top:155px; width:35px; height:25px; border-left:1px solid #000; border-bottom:1px solid #000; line-height:1px; }