/* Theme Name: For 525 Theme URI: http://www.picpixy.cn Description: Theme by PicPixY. Author: PicPixY Author URI: http://www.picpixy.cn Version: 1.0 */ /* Global -------------------------------------------------------- */ /* Reset */ html {color:#000; background:#FFF url(i/bg_body.gif) repeat-y 50% 50%;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset, img {border:0;} address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:400;} li {list-style:none;} caption, th {text-align:left;} q:before, q:after {content:'';} /* General*/ body {font:13px/1.538 "Microsoft YaHei",arial,helvetica,clean,sans-serif; color:#2F2F2F; background:url(i/bg_body.gif) repeat-y 50% 50%; text-align:left;} h1 {font-size:18px;} h2 {font-size:16px;} h3 {font-size:14px;} h4 {font-size:13px;} h1,h2,h3,h4,h5,h6,strong {font-weight:700;} a {cursor:pointer;} a, a:link, a:visited{text-decoration:none; color:#555; } a:hover, a:active {color:#E60027;} a, object {outline:none;} #menu li a:hover,#ft p a:hover,ul.new-posts li a:hover,div.hp-news .c3 h4 a:hover,#tools li a:hover {text-decoration:underline;} /* Layout -------------------------------------------------------- */ #pg {width:944px; margin:0 auto; overflow:hidden; } #hd, #bd, #ft {width:100%; clear:both;} div.l {float:left;} div.r {float:right;} #hd {padding:31px 0 0;} #hd h1 {float:left;width:241px;height:90px;padding:0 0 0 13px;} #hd h1 a {display:block;width:241px;height:90px;background:url(i/logo.gif) no-repeat;text-indent:-9999em;} #menu {float:left;padding:32px 0 0 109px;overflow:hidden;} #menu ul {overflow:hidden;zoom:1;} #menu li {float:left;height:22px;padding:0 25px 0 0;width:65px;} #menu li.alt {width:35px;} #menu li a {font:15px/22px "Microsoft YaHei","SimHei",helvetica,arial,clean,sans-serif;color:#1E1E1E;} #menu li a:hover {font-weight:700!important;} div.hd-slide {width:938px;margin:2px 0 0;border:3px solid #242424;overflow:hidden;} #hd-slide {position:relative;width:938px;height:262px;overflow:hidden;} .hp #hd-slide {height:394px;} #bd {padding:18px 0 0;background:url(i/bg_bd.png) repeat-y;} #main {position:relative;float:right;width:715px;padding:0 10px 0 0;} #sidebar {float:left;width:186px;padding:0 0 0 9px;} #ft {padding:20px 0 30px;overflow:hidden;} #ft p {line-height:18px;} #ft p,#ft p a {color:#4E4E4E;} /* Content -------------------------------------------------------- */ div.pt {height:30px;background:url(i/bg_pt.png) no-repeat;} div.pt h2 {text-indent:24px;color:#808080;font:400 17px/30px "Microsoft YaHei","SimHei",helvetica,arial,clean,sans-serif;} #u-r-here {position:absolute; top:6px; right:19px; height:18px; padding-left:17px; font-size:12px; line-height:18px; /*max-width:180px; overflow:hidden;*/} #u-r-here a {margin-right:5px; padding-right:10px; background:url(i/arr2.gif) no-repeat right 50%;} #u-r-here a:hover {text-decoration:underline;} .cp-about div.entry {/*height:650px*/;margin:0;padding:0;/*background:url(i/c_about.png) no-repeat;*/} .cp-about div.entry p {/*visibility:hidden;*/} .cp-about div.entry p.about-txt {padding:40px 0 60px;text-align:center;color:#525252;line-height:22px;} .cp-contact div.entry {padding:26px 33px 0 32px;} .cp-contact div.entry p {line-height:32px;} .cp-contact div.map {width:644px;height:388px;margin:0 0 8px;border:3px solid #CACACA;overflow:hidden;} /* Gallery Thumbs List */ div.gallery-wrap {} ul.gallery {margin:0 -33px 0 9px;overflow:hidden;zoom:1;} ul.gallery li {float:left;width:243px;padding:16px 0 17px;} ul.gallery li a,ul.gallery li a img,ul.gallery li a span {display:block;overflow:hidden;} ul.gallery li a {width:210px;height:153px;background:url(i/bg_foto_thumb.png) no-repeat;_background-image:url(i/bg_foto_thumb.gif);color:#5A5A5A;} ul.gallery li a:hover {background-position:0 -186px;color:#FF7A2E;} ul.gallery li a img {width:194px;height:106px;padding:6px 8px 3px;} ul.gallery li a span {width:160px;height:25px;padding:0 0 0 43px;line-height:25px;} /* Gallery Single */ .ngg-galleryoverview {clear:both;overflow:hidden;padding:0 0 20px;} .ngg-gallery-thumbnail-box {float:left;overflow:hidden;padding:21px 26px 0;} .ngg-gallery-thumbnail {width:180px;height:180px;border:3px solid #CDCDCD;} .ngg-gallery-thumbnail img {width:180px;height:180px;} #audioplayer1 {margin-left:26px;} /* Gallery navigation */ .ngg-navigation {font-size:0.9em !important; clear:both !important; display:block !important; padding-top:20px; /*text-align:center;*/ height:30px; padding-bottom:10px;padding-left:26px;} .ngg-navigation span {font-weight:bold; margin:0pt 6px;} .ngg-navigation a.page-numbers, a.next, a.prev, span.page-numbers, span.next, span.prev {border:1px solid #DDD; margin-right:3px; padding:3px 7px; display:inline;} .ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, span.page-numbers:hover, span.next:hover, span.prev:hover {background-color: #E60027; color: #FFF !important; text-decoration: none !important;} div.news-wrap ul.news {padding:28px 30px 20px 9px;} div.news-wrap ul.news li {position:relative;width:676px;height:32px;line-height:32px;} div.news-wrap ul.news li.odd {background:#CCC;} div.news-wrap ul.news li a,div.news-wrap ul.news li span {display:block;height:32px;line-height:32px;color:#4E4E4E;} div.news-wrap ul.news li a {width:437px;padding:0 0 0 83px;background:url(i/box2.gif) no-repeat 35px 50%;white-space:nowrap;overflow:hidden;} div.news-wrap ul.news li a:hover {text-decoration:underline;} div.news-wrap ul.news li span {position:absolute;left:527px;top:0;width:100px;font-size:11px;} div.pricing-item {padding:0 0 45px 56px;} div.pricing-item h3 {height:33px;line-height:33px;color:#FFF;margin-bottom:5px;text-indent:20px;} div.pricing-item-hs {background:url(i/bg_pricing_i.png) no-repeat 8px 0; _background-image:url(i/bg_pricing_i.gif);} div.pricing-item-xz {background:url(i/bg_pricing_i2.gif) no-repeat 8px 0;} div.pricing-item-ql {background:url(i/bg_pricing_i3.gif) no-repeat 8px 0;} div.pricing-item-yf {background:url(i/bg_pricing_i4.gif) no-repeat 8px 0;} /* Homepage -------------------------------------------------------- */ body.hp #bd {padding:13px 0 0;} div.hp-news {width:944px;height:148px;background:url(i/bg_hp_news.gif) no-repeat;} div.hp-news .c1,div.hp-news .c2,div.hp-news .c3,div.hp-news .c4 {float:left;} div.hp-news .c1 {width:241px;padding:24px 14px 0 13px;} div.hp-news .c2 {width:241px;padding:24px 21px 0 13px;} div.hp-news .c3 {width:241px;padding:24px 17px 0 11px;} div.hp-news .c4 {width:103px;padding:24px 16px 0 13px;} div.hp-news h3.t {height:21px;padding-left:8px;background:#242424;font-weight:400;font-size:13px;line-height:21px;} div.hp-news h3.t a {color:#B3B3B3;} div.hp-news h3.t a span {color:#FFF;padding-left:9px;text-transform:uppercase;} div.hp-news ul.new-posts {padding:4px 0 0;} div.hp-news ul.new-posts li {width:220px;height:20px;padding:0 0 0 13px;background:url(i/arr.gif) no-repeat 3px 50%;} div.hp-news ul.new-posts li a {line-height:20px;color:#484848;} div.hp-news .c3 h3 {height:21px;margin:0 0 5px;background:url(i/bg_mt_pg.gif) no-repeat 0 5px;text-indent:-9999em;} div.hp-news .c3 a.thumb {display:block;float:left;width:63px;height:63px;margin-right:12px;border:4px solid #242424;overflow:hidden;} div.hp-news .c3 a.thumb img {width:63px;height:63px;} div.hp-news .c3 h4 {overflow:hidden;color:#000;font-weight:400;} div.hp-news .c3 h4 a {color:#000;} div.hp-news .c3 div.txt {overflow:hidden;height:60px;} div.hp-news .c4 h3 {height:20px;border-bottom:1px dashed #CAC8C8;font-weight:400;font-size:13px;line-height:20px;color:#000;} div.hp-news .c4 h3 span {color:#4C4B4B} div.hp-news .c4 #tools {padding:3px 0 0;} div.hp-news .c4 #tools li {padding:1px 0 1px 21px;} /* Modules -------------------------------------------------------- */ div.md {overflow:hidden;clear:both;} /* New Posts List */ ul.new-posts {overflow:hidden;} ul.new-posts li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* Tools */ #tools {overflow:hidden;} #tools li {height:18px;line-height:18px;padding:0 0 0 21px;} #tools li.t1 {background:url(i/ico_t1.gif) no-repeat 0 50%;} #tools li.t2 {background:url(i/ico_t2.gif) no-repeat 0 50%;} #tools li.t3 {background:url(i/ico_t3.gif) no-repeat 0 50%;} #tools li.t4 {background:url(i/ico_t4.gif) no-repeat 0 50%;} #tools li a {color:#666;} /* Sub Menu */ div.sub-menu {} div.sub-menu h3.t {display:none;} div.sub-menu div.i {padding:50px 14px 0 15px;} div.sub-menu ul {} div.sub-menu ul li {width:140px;height:23px;line-height:23px;padding:2px 0 2px 18px;border-bottom:1px dashed #BBB;background:url(i/dot.gif) no-repeat 3px 50%;} div.sub-menu ul li a {display:block;color:#1E1E1E !important;} div.sub-menu ul li a:hover {text-decoration:underline;font-weight:700;} #sidebar div.md-new-foto {height:179px;background:url(i/bg_md_sm1.gif) no-repeat;} #sidebar div.md-foto-cat {height:219px;background:url(i/bg_md_sm2.gif) no-repeat;} #sidebar div.sub-menu-about {height:128px;background:url(i/bg_md_sm3.gif) no-repeat;} #sidebar div.sub-menu-contact {height:119px;background:url(i/bg_md_sm4.gif) no-repeat;} #sidebar div.sub-menu-pricing {height:233px;background:url(i/bg_md_sm5.gif) no-repeat;} /*#sidebar div.sub-menu-pricing li a {color:#FFF;background:url(i/bg_md_sm_i.gif) no-repeat;text-indent:5px;}*/ div.md-contact {padding:0 0 5px;} div.md-contact h3 {padding:20px 0 3px;color:#000;} div.md-contact p {color:#878686;} div.md-contact p a {color:#666;} div.md-contact p a:hover {text-decoration:underline;} div.md-contact p span {color:#FF2112;} div.md-tools {padding:8px 0 0;border-top:2px dashed #000;} div.md-tools #tools li {float:left;} div.md-tools #tools li.t1,div.md-tools #tools li.t3 {margin:0 20px 0 6px;} /* ColorBox Core Style */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style*/ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(i/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(i/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(i/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(i/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(i/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(i/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(i/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(i/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(i/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(i/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(i/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /* Section: Clearing -------------------------------------------------------- */ #hd:after, #bd:after, #ft:after,.clearfix:after, .md:after, .wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #hd, #bd, #ft, .clearfix, .md, .wrap {zoom:1;} .clr {clear:both;height:0;line-height:0;font-size:0;}