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

.wrapfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapfix { display: inline-table; }
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix { display: block; }

.layout { width: 1280px; margin: 0 auto; background: #fff url(../images/layout-bg2.jpg) repeat-x 0 0; position: relative; }
.layout img { display: block; }

.page-girl1 { width: 260px; height: 513px; position: absolute; top: 0px; left: -97px; z-index: 1; background: url(../images/girl1.png) no-repeat 0 0; *background: none; }
.page-girl2 { width: 215px; height: 300px; position: absolute; top: 190px; left: 855px; z-index: 1;  background: url(../images/girl2.png) no-repeat 0 0; *background: none; }

.header { height: 145px; background: #fff; }
.mainer { height: 418px; background: #fff url(../images/mainer-2-bg.jpg) repeat-x 0 0; padding-top: 5px; }
.footer { height: 69px; background: url(../images/footer-bg.jpg) repeat-x 0 0; margin-bottom: 30px; margin-top: 20px; }

.page-tt { width: 200px; height: 26px; background: url(../images/page-tt2.jpg) no-repeat 0 0; position: absolute; top: 63px; left: 309px; z-index: 2; }
.page-tt span { display: none; }

.web { font-size: 14px; color: #f87813; position: absolute; left: 357px; top: 92px; z-index: 2; }
.card { width: 173px; height: 30px; background: url(../images/card.jpg) no-repeat 0 0; position: absolute; left: 806px; top: 16px; z-index: 2; }
.tel { color: #cccccc; font-size: 25px; position: absolute; left: 710px; top: 63px; font-weight: bold; z-index: 2; }
.tel span { font-size: 40px; color: #f87112; }

.come1 { width: 200px; font-size: 30px; color: #fff; line-height: 30px; left: 0px; top: 0px; }
.come2 { width: 200px; font-size: 30px; color: #fff; line-height: 30px; left: 600px; top: 100px; }

.head-navs { position: absolute; left: 535px; top: 113px; height: 41px; z-index: 10; }
.head-navs li { float: left; display: inline; width: 76px; height: 41px; text-align: center; margin: 0 1px; }
.head-navs a { display: block; width: 76px; height: 41px; line-height: 41px; color: #000; font-weight: bold; }
.head-navs a:hover, .head-navs a.current { color: #fff; 76px; height: 41px; font-size: 14px; font-weight: normal; background: url(../images/h-navs-bg.jpg) no-repeat 0 0; line-height: 38px; }

.top-main { width: 704px; height: 347px; padding-left: 284px; background: url(../images/mainer-3-bg.jpg) repeat-x 0 0; }
.top-main-b { width: 704px; height: 600px; padding-left: 284px; background: url(../images/mainer-3-bg.jpg) repeat-x 0 0; }
.main-tt { width: 437px; font-size: 18px; color: #fff; padding-top: 14px; margin-left: 500px; }
.main-pp { font-size: 12px; color: #fff; line-height: 18px; margin-top: 14px; margin-left: 500px; width: 250px; }
.main-ph { width: 442px; font-size: 35px; color: #fff; line-height: 40px; margin-top: 14px; }
.main-tt-h { width: 437px; font-size: 18px; color: #fff; padding-top: 14px; }
.main-pp-h { width: 442px; font-size: 12px; color: #fff; line-height: 18px; margin-top: 14px; }

.bottom-main { width: 754px; position: absolute; left: 222px; background: url(../images/girls-bg.jpg) no-repeat 0 0; padding: 11px; z-index: 3; }

.m-girl-tt { width: 150px; height: 28px; font-size: 16px; background: url(../images/cil1.jpg) no-repeat 0 0; color: #333333; font-weight: normal; margin-left: 5px; }
.m-girl-tt span { margin-left: 38px; line-height: 28px; }

.m-girl { width: 741px; margin-top: 21px; background: #fff; }
.m-girl li { width: 230px; height: 179px; float: left; display: inline; color: #aaaaaa; }
.m-girl li span { color: #f7630f; font-size: 14px; line-height: 26px; }
.m-girl img { width: 228px; height: 151px; border: solid 1px #cccccc; }
.m-girl img:hover { border: solid 1px #333333; }
.m-girl-1 { margin-left: 14px; }
.m-girl-2 { margin-left: 18px; }

.foot-link { line-height: 44px; padding-left: 655px; color: #FFF; }
.foot-link a { color: #FFF;  }
.foot-link a:hover { text-decoration: underline; }
.foot-link span { margin: 0 8px; }
.footer .foot-link .fl-1 { background: none; }

.f-p { width: 1280px; text-align: center; color: #fff; }


/*girls*/
.g-top-main { width: 1050px; height: 347px; padding-left: 40px; background: url(../images/mainer-3-bg.jpg) repeat-x 0 0; }
.girls-main { width: 1050px; margin-left: 0px; margin-top: 35px; }
.girls-mainer { background: #fff url(../images/mainer-2-bg.jpg) repeat-x 0 0; padding-top: 5px; }
.girls-tt { width: 437px; font-size: 18px; color: #000; padding-top: 14px; }
.ourgirls {}
.ourgirls li { float: left; display: inline; margin: 2px 3px; text-align: center; }
.ourgirls a { color: #333333; font-weight: bold; }
.ourgirls a:hover { text-decoration: underline; color: #000; }
.ourgirls img { width: 200px; height: 133px; border: solid 2px #cccccc;  }
.ourgirls img:hover { border: solid 2px #333333; }

.girls-stag { width: 524px; height: 200px; margin-left: 284px; margin-top: 35px; position: relative; }
.girls-name { position: absolute; top: 700px; left: 284px; font-size: 16px; color: #000; }
.girls-info { position: absolute; top: 730px; left: 284px; }

.girl-img { position: absolute; width: 400px; height: 400px; top: 160px; left: 350px; border: solid 2px #cccccc; }

.girl-imgs { position: absolute; top: 150px; left: 200px;  }
.girl-imgs li { clear: both; width: 100px; margin: 10px 0;}
.girl-imgs img { width: 100px; height: 100px; border: solid 2px #cccccc; }
.girl-imgs a:hover img, .girl-imgs .current img { border: solid 2px #333333; }

.top-main .pps .m-pp1 { float: left; display: inline; font-size: 12px; color: #fff; line-height: 18px; margin-top: 14px; }
.top-main .pps .m-pp2 { float: left; font-size: 12px; color: #fff; line-height: 18px; margin-top: 14px; padding-left: 50px; }

.m-left { float: left; display: inline; padding-right: 20px; }
.m-left h3 { color: #333333; font-size: 14px; margin-top: 5px; }
.m-left ul { margin-top: 5px; }
.m-left li a { color: #fff; }

.m-middle { float: left; display: inline; padding-right: 20px;  }
.m-middle h3 { color: #333333; font-size: 14px; margin-top: 5px; }
.m-middle ul { margin-top: 5px; }
.m-middle li a { color: #fff; }

.m-right { }
.m-right h3 { color: #333333; font-size: 14px; margin-top: 5px; }
.m-right ul { margin-top: 5px; }
.m-right li a { color: #fff; }

.page-ball {  width: 34px; height: 34px; position: absolute; top: 20px; left: 260px; z-index: 1; background: url(../images/ball.png) no-repeat 0 0; *background: none; }


/*Enten和Leaver的位置*/
.enter { position: absolute; top: 530px; left: 300px; z-index: 1; }
.enter img { float: left; margin-right: 3px; }
.enter span { color: #000; line-height: 80px; }
.leave { position: absolute; top: 530px; left: 500px; z-index: 1; }
.leave img { float: left; margin-right: 3px;  }
.leave span { color: #000; line-height: 80px; }
.next { position: absolute; top: 550px; left: 780px; font-size: 30px; color: #fff; z-index: 120; }
.prev { position: absolute; top: 550px; left: 230px; font-size: 30px; color: #fff; z-index: 120; }
.counter { position: absolute; top: 633px; left: 630px; }