@charset "utf-8";
/* CSS Document */
.clear { clear:both; }
.block { display:block; }
.hidden { display:none; }
#nav a:hover, #nav .current3 { background:url(../images/man/nav_o_bg.jpg); }
#footer .fbg { margin-top:0px; _margin-top:-15px; }

/* Define font color & size. */
.f14 { font-size:14px; }
.white { color:#ffffff; }
.blue { color:#b9c6cf; }
a.white { color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; }
a.white:hover { text-decoration:underline; }
a.white1 { color:#ffffff; text-decoration:none; }
a.white1:hover { text-decoration:underline; }
a.gray { color:#666666; text-decoration:none; }
a.gray:hover { text-decoration:underline; }
a.gray2 { color:#aaaaaa; text-decoration:none; }
a.gray2:hover { text-decoration:underline; }
a.brown { color:#79715a; text-decoration:none; }
a.brown:hover { text-decoration:underline; }
a.black { color:#000000; }
a.blank:hover { text-decoration:underline; }
/* Define li bg. */
li.gray { background:url(../images/man/icon2.gif) no-repeat left center; padding-left:10px; }
li.gray2 { background:url(../images/man/icon3.gif) no-repeat left center; padding-left:10px; }
li.black { background:url(../images/man/icon5.gif) no-repeat left center; padding-left:10px; }
/* Define dt bg. */
dt.gray { background:url(../images/man/icon4.gif) no-repeat left center; padding-left:20px; }

#content { width:100%; float:left; clear:both; }
#content .fix { width:950px; margin:0 auto; }
#content .fix .bg { width:950px; float:left; padding-top:1px; }
#first { width:930px; height:696px; background:url(../images/man/hotbg.jpg) #c1c1c1 no-repeat; overflow:hidden; padding:7px 10px 0px; }
#first .subnav { width:930px; height:20px; clear:both; position:relative; overflow:hidden; }
#first .subnav #navflow { position:absolute; z-index:1; width:86px; height:20px; left:0; background-image:url(../images/hairdressing/over.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/hairdressing/over.png", sizingMethod="scale"); _background-image:none; }
#first .subnav ul { width:757px; height:20px; background:url(../images/man/subg.jpg) no-repeat left center; line-height:20px; padding-left:15px; }
#first .subnav li { float:left; height:20px; }
#first .subnav li a { margin:0px 9px; height:20px; text-align:center; color:#ffffff; position: relative; z-index:2; text-transform: uppercase; }
#first .sbanner { width:930px; height:103px; clear:both; background:url(../images/man/bbbg.jpg); margin-bottom:7px; clear:both; }
#first .sbanner ul { width:390px; height:60px; float:left; display:block; padding-left:255px; margin-top:20px; }
#first .sbanner ul li { width:185px; float:left; background:url(../images/man/icon1.gif) no-repeat left center; padding-left:10px; }
#first .sbanner ul li a { color:#c0c0c0; }
#first .sbanner ul li a:hover { text-decoration:underline; }
#first .sbanner span { width:120px; height:80px; display:block; float:right; border:1px #ffffff solid; overflow:hidden; margin-right:13px; _margin-right:9px; margin-top:15px; }
#first .left { width:349px; height:546px; padding:5px; float:left; background:url(../images/man/shadow_gray.gif) #ffffff repeat-x left top; }
#first .left dl { width:340px; padding-left:9px; float:left; margin-top:5px; line-height:20px; display:block; }
#first .left dl strong { color:#71b6df; font-size:14px; margin-right:5px; }
#first .left dt a { font-weight:bold; }
#first .left .tt { background:url(../images/man/tbg.gif) no-repeat 0px 23px; padding-top:10px; width:349px; float:left; clear:both; line-height:21px; }
#first .left p { margin:0px; background:url(../images/man/line4.gif) repeat-x left top; display:block; padding-top:10px; float:left; clear:both; }
#first .left p img { float:left; margin-right:10px; margin-left:8px; margin-top:4px; }
#first .left p .title:hover { text-decoration:underline; }
#first .left p .title { color:#306b8e; font-weight:bold; font-size:14px; }
#first .left p span { line-height:30px; }
#first .left center { width:349px; float:left; display:block; clear:both; padding:5px 0px; }
#first .left center a { color:#3e7899; }
#first .left center a:hover { text-decoration:underline; }
#first .left .ktb { background:url(../images/man/ktb.jpg); width:339px; height:207px; padding:5px; overflow:hidden; clear:both; }
#first .left .ktb dl { background:url(../images/man/line4.gif) repeat-x left bottom; width:339px; padding-left:0px; overflow:hidden; padding-bottom:5px; margin-bottom:2px; }
#first .left .ktb dt { background:url(../images/man/icon7.gif) no-repeat left 7px; padding-left:15px; }
#first .left .ktb dt a { color:#ffffff; }
#first .left .ktb dt a:hover { text-decoration:underline; }
#first .left .ktb dd { color:#b7c6d0; padding-left:15px; }
#first .left .ktb dd a { color:#b7c6d0; }
#first .left .ktb dd a:hover { text-decoration:underline; }
#first .center { width:172px; height:546px; padding:5px; float:left; background:url(../images/man/shadow_gray_2.gif) repeat-x left top; margin-left:10px; overflow:hidden; }
#first .center dl { border-bottom:1px #a4a4a4 solid; padding-bottom:10px; line-height:20px; margin-bottom:11px; }
#first .center dt { padding:0px 10px; }
#first .right { width:359px; height:546px; padding:5px; float:right; background:url(../images/man/shadow_gray_3.gif) #ffffff repeat-x left top; position:relative; overflow:hidden; }
#show { width:359px; height:546px; position:absolute; z-index:1; }
#shownav { width:310px; height:27px; position:absolute; top:0px; left:0px; z-index:2; margin-top:475px; margin-left:20px; }
#shownav li { width:21px; height:27px; display:block; float:left; text-align:center; margin-right:10px; }
#shownav a { width:21px; height:27px; display:block; background-repeat:no-repeat; background-position: center center; }
#shownav a small { visibility:hidden; }
#shownav .n0 { background:url(../images/man/1.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/1.png", sizingMethod="scale"); _background-image:none; }
#shownav .n1 { background:url(../images/man/2.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/2.png", sizingMethod="scale"); _background-image:none; }
#shownav .n2 { background:url(../images/man/3.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/3.png", sizingMethod="scale"); _background-image:none; }
#shownav .n0o { background:url(../images/man/1_o.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/1_o.png", sizingMethod="scale"); _background-image:none; }
#shownav .n1o { background:url(../images/man/2_o.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/2_o.png", sizingMethod="scale"); _background-image:none; }
#shownav .n2o { background:url(../images/man/3_o.png) no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://images.xiu.com/image2/pop_1110/images/man/3_o.png", sizingMethod="scale"); _background-image:none; }

.piece { width:930px; float:left; background:#c1c1c1; padding:0px 10px 0px; }

/* 男人装 */
.playboy { width:685px; padding:5px; float:left; background:#ffffff; margin-bottom:10px; overflow:hidden; }
.playboy .title { width:685px; height:50px; }
.playboy .kong { width:685px; height:23px; background:url(../images/man/line.jpg) no-repeat left center; }
.playboy .item { width:180px; float:left; background:url(../images/man/shadow_gray_4.gif) #dfdfdf repeat-x left top; }
.playboy .item h2 { margin-bottom:10px; }
.playboy .item dl { width:145px; float:left; display:block; margin-left:16px; padding-bottom:10px; }
.playboy .item dl img { border:5px #ffffff solid; margin-bottom:5px; }
.playboy .access { width:476px; height:318px; float:right; background:url(../images/man/acc_bg.jpg) #2e576d repeat-x left top; padding-right:12px; padding-left:5px; }
.playboy .access h2 { width:252px; height:31px; font-size:14px; float:left; padding-right:5px; line-height:31px; }
.playboy .access h2 big { font-size:12px; font-weight:normal; color:#a3a3a3; font-family:"宋体", "新宋体"; }
.playboy .access h2 a { margin-top:15px; }
.playboy .access .img { width:218px; height:304px; float:right; background:url(../images/man/bg.jpg); text-align:center; padding-top:10px; }
.playboy .access p { width:242px; display:block; float:left; padding:0px 5px; line-height:25px; margin:0px; }
.playboy .access p span { display:block; clear:both; padding:20px 0px 10px; border-bottom:1px #9baeb9 solid; margin-bottom:5px; }
.playboy .access p span a { color:#ffffff; }
.playboy .access p span a:hover { text-decoration:underline; }
.playboy .access p .gray2 { margin-left:20px; }
.playboy .access p a.gray2 { color:#aaaaaa; text-decoration:none; }
.playboy .access p a.gray2:hover { text-decoration:underline; }
.playboy .access ul { width:248px; float:left; padding-left:4px; line-height:21px; padding-top:5px; }
.playboy .adorn { position:relative; padding-left:12px; padding-right:0px; }
.playboy .adorn h2 { float:right; padding-left:10px; width:242px; }
.playboy .adorn .img { float:left; }
.playboy .adorn p { float:right; }
.playboy .adorn ul { float:right; }
.playboy .kong2 { width:493px; height:19px; float:right; background:url(../images/man/kong.gif) no-repeat left center; margin-top:10px; }
.playboy .customize { width:685px; float:left; display:block; clear:both; }
.playboy .customize .left { width:282px; height:209px; background:#a7a08e; float:left; }
.playboy .customize .left h2 { width:282px; height:22px; background:#ffffff; font-size:14px; padding-top:20px; color:#000000; }
.playboy .customize .left h2 big { font-size:12px; font-weight:normal; color:#a3a3a3; font-family:"宋体", "新宋体"; }
.playboy .customize .left h2 a { margin-top:8px; margin-right:30px; }
.playboy .customize .left dl { width:262px; height:150px; margin:0 auto; padding-top:10px; }
.playboy .customize .left dt { border-bottom:1px #d6d2c9 solid; padding:5px 0px; text-align:center; }
.playboy .customize .left dd { line-height:22px; color:#000000; padding-top:10px; }
.playboy .customize .center { width:228px; height:209px; float:left; background:url(../images/man/shadow.jpg); }
.playboy .customize .right { width:175px; height:167px; margin-top:42px; float:right; background:#a7a08e; }
.playboy .customize .right ul { line-height:23px; padding-top:10px; }

/* cool */
.cool { width:212px; height:599px; overflow:hidden; float:left; padding-left:8px; padding-top:15px; }
.cool h3 { width:182px; height:21px; line-height:21px; color:#ffffff; background:url(../images/man/icon6.gif) #448abb no-repeat 12px center; padding-left:30px; font-size:14px; }
.cool .h1 { background:url(../images/man/icon6.gif) #306182 no-repeat 12px center; }
.cool .h2 { background:url(../images/man/icon6.gif) #142b39 no-repeat 12px center; }
.cool .h3 { background:url(../images/man/icon6.gif) #010204 no-repeat 12px center; }
.cool ul { padding:15px 0px; line-height:23px;  *line-height:25px; }
.hog { width:450px; height:598px; overflow:hidden; float:right; padding-top:15px; }
.hog dl { width:430px; float:left; clear:both; border-bottom:2px #e5e5e5 solid; padding:0px 10px 20px; margin-bottom:10px; }
.hog dt { width:430px; clear:both; height:21px; line-height:21px; font-weight:bold; margin-bottom:10px; }
.hog dd { float:left; }
.hog dd.img { border:1px #acacac solid; padding:1px; }
.hog dd img { float:left; }
.hog dd.text { padding-left:10px; line-height:22px; width:218px; }

/* right */
.manright { width:216px; padding:5px; float:right; background:#ffffff; margin-bottom:10px; overflow:hidden; }
.manright h2 { background:url(../images/man/h2_right_bg.jpg); width:216px; height:31px; display:block; clear:both; }
.manright h2 span { float:left; color:#ffffff; font-size:14px; line-height:31px; margin-left:5px; }
.manright h2 span a { float:left; margin:0px; }
.manright h2 a { float:right; margin-top:15px; margin-right:10px; }
.manright h2.found { background:url(../images/man/found.jpg); padding-left:70px; width:146px; }
.manright .hdl { width:216px; float:left; clear:both; display:block; padding-bottom:10px; }
.manright .hdl dt { width:216px; height:20px; padding:10px 0px; }
.manright .hdl dd { float:left; }
.manright .hdl dd.img { width:71px; height:71px; padding:1px; border:1px #c8c8c8 solid; }
.manright .hdl dd.text { width:120px; padding-left:10px; }
.manright ul { width:211px; float:left; padding-bottom:10px; line-height:25px; display:block; padding-left:5px; }
.manright .sidegg { width:216px; float:left; clear:both; text-align:center; padding-bottom:10px; }

.manright .hd2 { width:216px; float:left; clear:both; display:block; padding-bottom:5px; padding-top:5px; }
.manright .hd2 dd { padding:1px; border:1px #c8c8c8 solid; width:212px; height:40px; overflow:hidden; }
.manright .hd2 dt { margin-top:10px; }

.manright .hd3 { width:75px; height:113px; float:left; display:block; margin-top:10px; margin-left:20px; _margin-left:12px; }
.manright .hd3 dd { width:71px; height:71px; padding:1px; border:1px #c7c7c7 solid; }
.manright .ol { padding:12px 8px; float:left; display:block; margin-top:1px; background:url(../images/man/num.gif) no-repeat 2px 7px; padding-left:30px; height:215px; overflow:hidden; }
.manright .ol strong { margin-right:8px; }

/* gallery */
.gallery { width:930px; height:545px; clear:both; background:#c1c1c1; padding:0px 10px 10px; position:relative; }
.gallery .left { width:558px; height:447px; padding-top:98px; padding-left:10px; padding-right:10px; background:url(../images/man/gtitle.jpg) #513f69 no-repeat left top; float:left; }
.gallery .more_s { width:42px; height:18px; position:absolute; right:405px; top:25px; z-index:3; }
#showveiw { width:331px; height:408px; border:5px #ffffff solid; float:left; overflow:hidden; }
#showveiw img { width:331px; height:408px; }
#showlist { width:213px; height:408px; overflow:hidden; float:left; display:block; }
#showlist img { width:61px; height:92px; float:left; }
#showlist li { float:left; margin-left:10px; _margin-left:7px; margin-top:10px; display:block; }
.gallery .title { width:558px; height:20px; clear:both; line-height:20px; padding-top:5px; font-weight:bold; }
.gallery .title a { color:#ffffff; text-decoration:underline; margin-right:10px; }
.gallery .title a:hover { text-decoration:none; }
.gallery .title a.more { color:#000000; }
.gallery .right { width:332px; height:535px; background:#000000; float:right; padding:5px; }
.gallery .content { width:332px; float:left; margin-bottom:10px; }
.gallery .content h3 { width:265px; height:30px; padding-top:10px; display:block; clear:both; margin:0 auto; border-bottom:3px #b1b1b1 solid; text-align:left; font-family:"黑体"; margin-bottom:10px; line-height:30px; }
.gallery .content h3 a { font-size:20px; font-weight:normal; color:#a768fb; float:left; }
.gallery .content h3 a.morea { float:right; font-size:14px; color:#ffffff; font-weight:normal; }
.gallery .content h3 a:hover { text-decoration:underline; }
.gallery .content p { width:163px; height:90px; float:left; color:#a768fb; padding-left:10px; margin:0px; }
.gallery .content p .a1 { color:#a768fb; }
.gallery .content p .a2 { color:#e657ae; }
.gallery .content p a:hover { text-decoration:underline; }
.gallery .content img { float:right; margin-right:10px; }
.gallery .content ul { float:left; width:168px; padding-left:5px; line-height:20px; }
.gallery .content .more { width:153px; height:5px; background:url(../images/man/line2.gif) no-repeat 0px 2px; float:left; overflow:hidden; margin-left:10px; margin-bottom:10px; padding-right:0px; }
.gallery .color h3 a, .gallery .color p { color:#e657ae; }

.sublist { width:338px; height:251px; float:left; overflow:hidden; background:url(../images/man/pice.jpg) no-repeat right bottom; margin-top:5px; _margin-top:7px; }
.sublist h3 { width:338px; height:31px; display:block; clear:both; margin-bottom:10px; }
.sublist h3 .fl a { float:left; margin:0px; }
.sublist h3 a { float:right; font-weight:normal; margin-top:10px; margin-left:10px; display:inline; }
.sublist h3 a.more { margin-top:17px; margin-right:30px; }
.sublist .img { width:121px; height:178px; padding:1px; overflow:hidden; float:left; border:1px #a28d8d solid; margin-left:15px; _margin-left:10px; }
.sublist .title { width:170px; float:right; padding:0px 10px; height:20px; font-weight:bold; padding-top:10px; }
.sublist .text { width:170px; float:right; padding:0px 10px; margin-bottom:10px; }
.sublist .list { width:170px; float:right; padding:0px 10px; }

/* album */
.album { width:930px; height:266px; padding:0px 10px 10px; background:#c1c1c1; clear:both; }
.album .left { width:167px; height:266px; overflow:hidden; position:relative; padding-left:10px; float:left; background:#ffffff; }
.album .left h2 { display:block; clear:both; width:167px; }
.album .left .pgn { position:absolute; z-index:0; left:0; top:0; margin-top:47px; margin-left:10px; overflow:hidden; }
.album .left .more { width:38px; height:35px; position:absolute; z-index:3; right:0; top:0; margin-top:24px; margin-right:10px; }
.album .left .mask { width:46px; height:249px; position:absolute; z-index:2; right:0; top:0; margin-top:20px; }
.album .left .box { width:171px; height:216px; background:url(../images/man/mask.gif); position:absolute; z-index:1; }
.album .right { width:753px; height:266px; overflow:hidden; float:left; background:#ffffff; }
.album .right .ck { width:760px; float:left; padding-top:10px; height:247px; overflow:hidden; }
.album .right dl { width:151px; height:114px; background:url(../images/man/abg.gif) no-repeat right bottom; display:block; float:left; padding-top:10px; text-align:center; line-height:22px; overflow:hidden; }
.album .right dt { width:150px; height:22px; overflow:hidden; }

/* juggle */
.juggle { margin-bottom:0px; overflow:hidden; }
.subtext { padding-top:10px; width:225px; height:252px; _height:255px; overflow:hidden; float:left; }
.subtext h3 { width:209px; height:20px; line-height:20px; border:1px #d1d1d1 solid; display:block; clear:both; color:#2d6385; font-size:14px; }
.subtext h3 .fl { padding-left:10px; }
.subtext h3 .fl a { color:#2d6385; font-size:14px; }
.subtext h3 .fl a:hover { text-decoration:underline; }
.subtext h3 .fr { margin-top:8px; margin-right:10px; }
.subtext .hdl { width:209px; float:left; clear:both; display:block; padding-bottom:10px; }
.subtext .hdl dt { width:209px; height:20px; padding:10px 0px; }
.subtext .hdl dd { float:left; }
.subtext .hdl dd.img { width:71px; height:71px; padding:1px; border:1px #c8c8c8 solid; }
.subtext .hdl dd.text { padding-left:10px; color:#000000; }
.subtext ul { width:209px; float:left; line-height:23px; padding-left:5px; }
.ck2 { padding:0px 10px; width:708px; float:left; }

.ul { padding:11px 0px; margin-top:2px; width:216px; float:left; display:block; }
.ul li { float:left; width:70px; height:40px; overflow:hidden; margin:5px 0px; }