@charset "utf-8";
#blade-1 {
height:90px;
width:650px;
margin:10px auto;
}
#blade-1-1 {
float:left;
position:relative;
width:145px;
height:90px;
}
a:hover #photoA {
position:absolute;
background: url(../MicImg/blade/blade-2.jpg);
width:500px;
height:196px;
top:-194px;
left:0px;
}
#typeA {
position:absolute;
top:30px;
left:85px;
}
#digitalA {
position:absolute;
top:73px;
left:0px;
}
#systemA {
position:absolute;
top:50px;
left:1px;
}
#blade-1-2 {
height:90px;
float:left;
margin-right:15px;
}
#blade-1-3 {
float:left;
position:relative;
width:150px;
height:90px;
}
a:hover #photoB {
position:absolute;
background: url(../MicImg/blade/blade-4.jpg);
width:500px;
height:213px;
top:-210px;
left:-280px;
}
#typeB {
position:absolute;
top:27px;
left:79px;
}
#digitalB {
position:absolute;
top:73px;
left:6px;
}
#systemB {
position:absolute;
top:53px;
left:17px;
}
#blade-2 {
width:760px;
height:115px;
margin:20px 0 10px 10px;
}
#blade-2-1 {
float:left;
position:relative;
margin-left:5px;
height:112px;
}
a:hover #photoC {
position:absolute;
background: url(../MicImg/blade/blade-6.jpg);
width:500px;
height:218px;
top:-203px;
left:1px;
}
#typeC {
position:absolute;
top:77px;
left:24px;
}
#bladeC {
position:absolute;
top:94px;
left:5px;
}
#blade-2-2 {
height:112px;
float:left;
margin-right:10px;
}
#blade-2-3 {
float:left;
position:relative;
height:112px;
}
#list {
width:650px;
margin-bottom:0;
}
#products {
margin-left:65px;
height:40px;
}
#products a {
text-decoration:none;
position:relative;
}
a #products-1 {
display:none;
}
a:hover #products-1 {
display:block;
position:absolute;
top:0px;
left:134px;
width: 566px;
}