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

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

.header { width: 950px; height: 475px; position: relative; }

.head-top { height: 185px; background: url(../images/head-top-bg.jpg) no-repeat 0 0; }

.title { font-size: 30px; color: #fff; position: absolute; left: 23px; top: 142px; }
.web { color: #fff; position: absolute; left: 315px; top: 125px; }
.tel { font-size: 30px; color: #fff; position: absolute; left: 550px; top: 142px; }

.head-bottom { height: 290px; background: url(../images/head-bottom-bg.jpg) no-repeat 0 0; }

.welc { position: absolute; left: 107px; top: 286px; }
.head-desc {color: #fff; text-align: right; position: absolute; left: 100px; top: 323px; line-height: 16px; } 

.head-naves { width: 160px; position: absolute; left: 746px; top: 262px; }
.head-naves li { width: 160px; float: left; display: inline; margin: 11px 0; text-align: right; }
.head-naves a { font-size: 24px; color: #fff; }
.head-naves a:hover { text-decoration: underline; }

.main-top { height: 490px; background: url(../images/main-top-bg.jpg) no-repeat 0 0; position: relative; }

.m-desc { width: 470px; }
.m-desc h2 { font-size: 30px; color: #a7a7a7; line-height: 34px; }
.m-desc p { color: #000; line-height: 16px; }
.md1 { position: absolute; left: 15px; top: 5px; }
.md2 { position: absolute; left: 15px; top: 90px;}

.banner { width: 462px; position: absolute; left: 8px; top: 240px; }
.banner li { width: 197px; float: left; display: inline; margin: 0 17px; text-align: center; margin-bottom: 5px; }
.banner a { color: #000; line-height: 20px; }
.banner a:hover { color: #fff; }
.banner img { width: 195px; height: 60px; display: block; border: solid 1px #000; }
.banner img:hover { border: solid 1px #fff; }

.girls { width: 420px; height: 399px; background: url(../images/girls-bg.jpg) no-repeat 0 0; position: absolute; left: 505px; top: 15px; }

.girl-stage { width: 299px; height: 381px; float: left; display: block; overflow: hidden; margin-left: 10px; margin-top: 7px; border: solid 1px #797979; }
.girl-stage img { width: 299px; height: 381px; display: block; }

.girls-nav .to { position: absolute; }
.girls-nav .to-prev { top: 7px; left: 327px; }
.girls-nav .to-next { top: 381px; left: 327px; }
.girls-nav ul  { width: 72px; position: absolute; top: 23px; left: 326px; }
.girls-nav li  { width: 72px; height: 72px; float: left; display: inline; margin: 8px 0; }
.girls-nav a span { display: none; }
.girls-nav a img { width: 70px; height: 70px; border: 1px solid #797979; }
.girls-nav img { display: block; }
.girls-nav a.focus img { border-color: #392356; }

.main-video { height: 285px; background: #242424; position: relative; }
.m-video { width: 920px; position: absolute; left: 17px; top: 23px; }
.m-video li { width: 220px; height: 180px; float: left; display: inline; margin: 0 5px; }
.m-video img { width: 220px; height: 180px; display: block; }

.main-girls { height: 1076px; background: url(../images/main-girls-bg.jpg) no-repeat 0 0; position: relative; }

.m-girls { width: 840px; }
.m-girls li { width: 116px; float: left; display: inline; margin: 0 2px; text-align: center; }
.m-girls a { width: 110px; height: 200px; display: block; color: #242424; font-size: 20px; line-height: 30px; }
.m-girls a:hover { color: #993300; border: solid 3px #242424; }
.m-girls img { width: 110px; height: 200px; display: block; }

.m-g1 { position: absolute; left: 55px; top: 17px; }
.m-g1 a { border: solid 3px #90e746; }

.m-g2 { position: absolute; left: 55px; top: 257px; }
.m-g2 a { border: solid 3px #9fe7f8; }

.m-g3 { position: absolute; left: 55px; top: 497px; }
.m-g3 a { border: solid 3px #941dcb; }

.m-g4 { position: absolute; left: 55px; top: 737px; }
.m-g4 a { border: solid 3px #e332ab; }

.footer { height: 90px; background: #242424 url(../images/foot-bg.jpg) no-repeat 0 0; position: relative; padding-bottom: 50px; }

.foot-naves { position: absolute; left: 240px; top: 8px; }
.foot-naves li { float: left; display: inline; margin: 0 5px; }
.foot-naves a { color: #fff; font-size: 12px; }
.foot-naves a:hover { text-decoration: underline; }

.copyright { color: #fff; position: absolute; left: 255px; top: 30px; }


.main-link { width: 500px; position: absolute; left: 225px; top: 20px; }
.main-link h3 { font-size: 36px; }

.other-link { width: 500px; }
.other-link li { width: 500px; float: left; display: inline; margin: 10px 0; }
.other-link img { display: block; }