/* main */
.main {
    height: 600px;
    overflow: hidden;
    width: 100%;
}

 
/* toggle */
.toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 80px;
    height: 80px;
    border: 2px solid #000;
    z-index: 2;
    background: #fff;
}

/* slider 1 */
.main .slider1Container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;

}

.iosSlider1 {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.iosSlider1 .slider {
    width: 100%;
    height: 100%;
}

.iosSlider1 .slider .item {
    float: left;
    width: 100%;
    height: 100%;
}

.iosSlider1 .slider .item1 {
    background:url(larpic-1.jpg) center top #666;
}

.iosSlider1 .slider .item2 {
    background:url(larpic-2.jpg) center top #666;
}

.iosSlider1 .slider .item3 {
     background:url(larpic-3.jpg) center top #666;
}

.iosSlider1 .slider .item4 {
    background:url(larpic-4.jpg) center top #666;
}

.iosSlider1 .slider .item5 {
     background:url(larpic-5.jpg) center top #666;
}
.iosSlider1 .slider .item6 {
     background:url(larpic-6.jpg) center top #666;
}
.iosSliderButtons{
    position: absolute;
    left:50%;
    bottom: 30px;
     
}
.iosSliderButtons div{
    width: 9px;
    height: 9px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
     background: url(lar-pic-nav.png) left bottom;
}
.iosSliderButtons div.selected{
    background-position: left top;
}
.container{width: 960px;height: 619px;}
.item1 .container,.item2 .container,.item3 .container{position: relative;top: 0px;color: #fff;  }
  .item1 .text1,.item2  .text4 ,.item3 .text8{ zoom:1;}
  .item1 .text1,.item2 .text2{position: absolute; width: 321px;height: 157px;background: url(btn1.png);left: 321px;bottom: -157px;}
  .item1 .text1:hover{background-position: bottom left;}
  .item2 .text2{background: url(btn2.png);}
    .item2 .text2:hover{background-position: bottom left;}
 
/*IE is suck!!!!*/
.item2 p.text7{position: absolute;left:452px;top: 0;width: 236px;letter-spacing:3px;opacity:0;filter: alpha(opacity:0);zoom:1;}
.item2  .text4 {width: 323px;height: 34px;position: absolute;left: 562px;top: 0;margin: 0;opacity:0;filter: alpha(opacity:0);background: url(pic-title2.png); *background: none;*font-size: 35px;*height: auto;*width:auto;zoom:1; }
.item2 .text5{position: absolute;top:0px;left: 300px;letter-spacing:3px;opacity:0;filter: alpha(opacity:0);zoom:1;}
.item2 .s-img{position: absolute;bottom:-150px;right: 160px;opacity:0;filter: alpha(opacity:0);zoom:1;}
.item2 .text4_1{left:300px;opacity:0;filter: alpha(opacity:0);zoom:1;}
/*IE is suck!!!!*/
 
.item3 .text3{position: absolute;top: -400px;left: 204px;}
.item3 .text3_1{position: absolute;top:8px;right: -200px;}
 .item1 .text1_2{position: absolute;right: 164px;top: 60px;opacity: 0;filter: alpha(opacity:0);}
 .item1 .text1_1{position: absolute;right: -370px;top: 22px;z-index: 20;}

.main .slider1Container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
}