.box01{ width:800px; height:610px; margin: 20px auto; position:relative;}
.box01 li{ float: left; width: 180px; text-align: center; padding-right: 10px; margin-right: 10px; height: 120px; margin-bottom: 15px; cursor: pointer; z-index:0; position:relative;}
.box01 li img{ height: 120px; margin: 0 auto;width:100%;}
.box01 li .in{ position: absolute; text-align: left;top: 0;width: 180px;  }
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc;height: 375px; position:absolute;z-index:100; width:500px; text-align: center; top:-50px; background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}
.bsc{ background:url(../image/icon01.png) no-repeat; position:absolute; right:10px; width: 19px; height: 15px; font-size: 0; float:right;}