/* Content */

#content {
  margin: 0 auto;
  width: 1024px;
}



#content ul {
  margin: 0 auto;
  width: 900px;
  height: 480px;
  margin-bottom: 30px;
}

#content li {
float:left;
display:block;
width:300px;
height:245px
}

#content ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 245px;
}

#content ul li a span {
  position: absolute;
  width: 100%;
  height: 100%;
}


#content span {
position:absolute;
background-image:url(pic/index/index.jpg); background-repeat:no-repeat;
width:300px;
height:245px;
}

#content #ld a span{
background-position:-15px 0px;
}


#content #ld a:hover span {
background-position:-15px -500px;
}


#content #laser a span{
background-position:-325px 0px;

}

#content #laser a:hover  span{
background-position:-325px -500px;
}

#content #led a  span{
background-position:-635px 0px;
}

#content #led a:hover  span{
background-position:-635px -500px;
}

#content #det a  span{
background-position:-15px -250px;
}

#content #det a:hover  span{
background-position:-15px -750px;
}

#content #opt a  span{
background-position: -325px -250px;

}

#content #opt a:hover  span{
background-position: -325px -750px;
}

#content #acc a span {
background-position:-635px -250px;
}

#content #acc a:hover  span{
background-position:-635px -750px;
}

#content a span {
	cursor: pointer;
	}

/*Logo Index*/

#logoindex {
width: 100%;
height:100px;
margin-bottom:0px;
clear:both
}

#logoindex img {

margin-bottom:0px;
height:100px}