@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #000; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.layout { width: 1200px; margin: 0 auto; }

.mainer { height: 690px; position: relative; }

.main-left { width: 400px; height: 690px; background: url(../images/main-left.jpg) no-repeat 0 0; float: left; display: inline; }
.main-left2 { width: 400px; height: 690px; background: url(../images/main-left2.jpg) no-repeat 0 0; float: left; display: inline; }
.title { position: absolute; left: 31px; top: 0px; }
.tel { position: absolute; left: 36px; top: 434px; }

.left-naves { width: 248px; position: absolute; left: 31px; top: 153px; }
.left-naves li { width: 248px; height: 41px; background: url(../images/left-li.gif) no-repeat 0 bottom; }
.left-naves a { width: 229px; height: 40px; display: block; line-height: 40px; color: #fff; padding-left: 19px; font-size: 20px; }
.left-naves a:hover, .left-naves a.move { background: #fdd32b; color: #000; }
.left-naves li.li-5 { background: none; }

.main-right { width: 800px; height: 690px; background: url(../images/main-right.jpg) no-repeat 0 0; float: left; }
.main-right2 { width: 800px; height: 690px; background: url(../images/main-right2.jpg) no-repeat 0 0; float: left; }
.right-tt { width: 450px; font-size: 28px; font-family: Arial Rounded MT Bold; position: absolute; left: 440px; top: 46px; }
.right-info { width: 450px; font-size: 16px; position: absolute; left: 440px; top: 87px; }

.right-tt2 { width: 450px; font-size: 28px; font-family: Arial Rounded MT Bold; position: absolute; left: 440px; top: 200px; }
.right-info2 { width: 450px; font-size: 16px; position: absolute; left: 440px; top: 247px; }

.right-tt3 { width: 450px; font-size: 28px; font-family: Arial Rounded MT Bold; position: absolute; left: 440px; top: 400px; }
.right-info3 { width: 450px; font-size: 16px; position: absolute; left: 440px; top: 446px; }

.change-page { position: absolute; left: 450px; top: 7px; }
.change-page li { float: left; display: inline; margin: 0 10px; }
.list1 { width: 42px; height: 25px; background: url(../images/list1.jpg) no-repeat 0 0; display: block; }
.list2 { width: 43px; height: 25px; background: url(../images/list2.jpg) no-repeat 0 0; display: block; }
.list3 { width: 43px; height: 25px; background: url(../images/list3.jpg) no-repeat 0 0; display: block; }
.list1:hover { background: url(../images/list1.jpg) no-repeat 0 100%; }
.list2:hover { background: url(../images/list2.jpg) no-repeat 0 100%; }
.list3:hover { background: url(../images/list3.jpg) no-repeat 0 100%; }
.change-page a.move1 { background: url(../images/list1.jpg) no-repeat 0 100%; display: block; }
.change-page a.move2 { background: url(../images/list2.jpg) no-repeat 0 100%; display: block; }
.change-page a.move3 { background: url(../images/list3.jpg) no-repeat 0 100%; display: block; }

.girls-list { width: 525px; position: absolute; left: 400px; top: 50px; }
.girls-list li { width: 150px; height: 208px; float: left; display: inline; text-align: center; margin-right: 25px; margin-top: 17px; font-size: 24px; color: #000; line-height: 40px; }
.girls-list a { width: 130px; height: 155px; display: block; border: solid 10px #fff; }
.girls-list img { width: 130px; height: 155px; display: block; }

.gg-stage { width: 350px; height: 450px; position: absolute; left: 400px; top: 63px; }
.gg-stage img { width: 330px; height: 430px; display: block; border: solid 10px #fff; }

.girls-name { position: absolute; left: 885px; top: 63px; font-size: 30px; }
.girls-info { position: absolute; left: 885px; top: 120px; font-size: 18px; }

.girl-l { width: 100px; position: absolute; left: 766px; top: 60px; }
.girl-l li { width: 100px; height: 100px; float: left; display: inline; margin: 7px 0; }
.girl-l a { width: 80px; height: 80px; display: block; border: solid 10px #fff; }
.girl-l img { width: 80px; height: 80px; display: block; }

.pre { position: absolute; left: 891px; top: 490px; font-size: 18px; color: #000; }
.pre:hover { color: #fff; }
.next { position: absolute; left: 1015px; top: 490px; font-size: 18px; color: #000; }
.next:hover { color: #fff; }

.links-ban { width: 468px; position: absolute; left: 440px; top: 86px; }
.links-ban li { width: 468px; float: left; display: inline; margin: 5px 0; }
.links-ban img { display: block; }


.footer { height: 110px; background: url(../images/foot-bg.jpg) no-repeat 0 0; position: relative; color: #fff; font-size: 14px; text-align: center; line-height: 100px; }