@charset "utf-8";
/* CSS Document */
* { 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: 1100px; margin: 0 auto; padding: 0 33px; background: url(../images/layout-bg.gif) repeat-y 0 0; }

.header { height: 301px; background: url(../images/head-bg.jpg) no-repeat 0 0; position: relative; }
.time { color: #3c0807; font-size: 18px; position: absolute; left: 257px; top: 127px; }
.tel { position: absolute; left: 257px; top: 147px; }
.card { position: absolute; left: 543px; top: 150px; }
.title { position: absolute; left: 258px; top: 177px; }

.head-naves { width: 1000px; height: 28px; background: url(../images/head-naves-bg.png) no-repeat 0 0; position: absolute; left: 50px; top: 262px; }
.head-naves ul { margin-left: 130px; }
.head-naves ul li { float: left; display: inline; margin: 0 15px; }
.head-naves ul a { color: #3c0807; font-size: 16px; line-height: 28px; }
.head-naves ul a:hover { text-decoration: underline; }

.video { height: 211px; background: url(../images/video-bg.jpg) no-repeat 0 0; position: relative; }
.video ul { position: absolute; left: 50px; top: 0px; }
.video ul li { float: left; display: inline; margin: 0 8px; }
.video ul img { display: block; }

.mainer { height: 1000px; background: #fbfbfb; position: relative; padding-top: 13px; }

.main-left { width: 608px; background: #fbfbfb url(../images/main-left-bg.jpg) no-repeat 0 bottom; float: left; display: inline; height: 1000px; }
.page-girls { width: 555px; position: absolute; left: 57px; top: 0px; }
.page-girls li { width: 109px; height: 250px; float: left; display: inline; color: #3c0807; margin: 0 1px; text-align: center; font-family: Arial Rounded MT Bold; font-size: 12px; }
.page-girls li span { font-size: 15px; }
.page-girls a { widht: 109px; height: 214px; display: block; }
.page-girls img { display: block; }

.main-right { width: 492px; background: #fbfbfb url(../images/main-right-bg.jpg) no-repeat 0 bottom; float: left; height: 1000px; }
.main-title { font-size: 16px; color: #3c0807; position: absolute; left: 615px; top: 2px; }
.main-desc { width: 460px; color: #3c0807; position: absolute; left: 615px; top: 22px; line-height: 14px; }

.banner { width: 430px; position: absolute; left: 615px; top: 199px; }
.banner li { width: 209px; height: 91px; float: left; display: inline; margin: 0 3px; background: url(../images/banner-li.png) no-repeat 0 0; color: #3c0807; font-size: 14px; font-family: Arial Rounded MT Bold; line-height: 22px; }
.banner li span { width: 209px; display: block; text-align: center; }
.banner a { width: 195px; height: 60px; display: block; margin-left: 7px; margin-top: 7px;  }
.banner img { display: block; }

.girls { width: 424px; height: 403px; background: url(../images/girls-bg.png) no-repeat 0 0; position: absolute; left: 622px; top: 587px; }

.girl-stage { display: block; float: left; width: 303px; height: 384px; overflow: hidden; margin-left: 11px; margin-top: 8px; }
.girl-stage img { display: block; width: 303px; height: 384px; }

.girls-nav .to { position: absolute; }
.girls-nav .to-prev { top: 8px; left: 328px; }
.girls-nav .to-next { top: 381px; left: 328px; }
.girls-nav ul  { position: absolute; top: 24px; left: 326px; width: 77px; }
.girls-nav li  { width: 77px; height: 80px; float: left; display: inline; margin: 4px 0; }
.girls-nav a span { display: none; }
.girls-nav a img { width: 73px; height: 76px; border: 2px solid #f45a5a; }
.girls-nav img { display: block; }
.girls-nav a.focus img { border-color: #392356; }

.footer { height: 75px; background: url(../images/foot-bg.jpg) no-repeat 0 0; position: relative; }
.foot-naves { width: 1000px; height: 28px; background: url(../images/foot-naves-bg.png) no-repeat 0 0; position: absolute; left: 50px; top: 0px; }
.foot-naves ul { margin-left: 130px; }
.foot-naves ul li { float: left; display: inline; margin: 0 12px; }
.foot-naves ul a { color: #3c0807; font-size: 16px; line-height: 28px; font-family: Arial Rounded MT Bold; }
.foot-naves ul a:hover { text-decoration: underline; }

.copyright { width: 1100px; text-align: center; position: absolute; top: 45px; font-size: 14px; }