html{overflow: scroll;overflow-x: hidden;overflow-x: auto !important;}
body{ font-size:12px;}
.content {
	margin:0px auto;
	overflow:hidden;
	zoom:1;
	color:#03f;
}


/* slide */
.d1{height:auto;overflow:hidden;border:#666666 1px solid;background-color:#000000;position:relative;height:368px;}
.loading{width:970px;border:#666666 1px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:340px;padding-top:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.d2{width:100%;height:340px;overflow:hidden;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:16px;padding-left:6px;}
img{border:0px;}
ul.slide{display:none;}
ul.slide li img{width:970px; height:340px;}
.button{position:absolute; z-index:1000; right:0px; bottom:2px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#FFCC33;background-color:#FF6633;}
/* function */

.imgDiv{padding:1px;background-color:#505050;}
.img{ background-color:#666; }

.contentbox{width:974px; text-align:left; overflow:auto; _height:1%;  margin-bottom:20px; }
.contentbox h3{color:Orange; font-size:14px; font-weight:normal; line-height:20px;margin:5px auto 5px 10px; clear:left;}
.contentbox .mainbox{width:692px;float:left;}
.contentbox .mainbox .funholder{border:1px solid #666; overflow:auto;zoom:1;padding-bottom:5px;}
.contentbox .mainbox .funholder .col{ width:150px; float:left; display:inline; text-align:left; margin:5px; border-right:1px dotted #999;}
.contentbox .mainbox .funholder .firstcol{ margin-left:35px;}
.contentbox .mainbox .funholder .lastcol{ border-right:none;}
.contentbox .mainbox .funholder .col span{ color:#ccc; display:block; font-weight:bold;line-height:150%;}
.contentbox .mainbox .funholder .col a{display:block;line-height:150%;}
.contentbox .mainbox .funholder .col a:hover{ text-decoration:none; color:#ccc;}



.contentbox .mainbox .galleryscroll{border:1px solid #666; overflow:auto;zoom:1; margin-top:10px; width:690px;}
.contentbox .mainbox .galleryscroll .imgscrollholder{position:relative; padding:10px 29px; overflow:hidden;}

.contentbox .mainbox .galleryscroll .imgscrollholder .scroll{ text-indent:-999em; width:20px; height :85px; cursor:pointer; position:absolute;top:0; background:transparent url(/image/custom/index/scroll.gif) scroll no-repeat 0 0;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollleft{ margin:10px 5px auto 4px; left:0;_left:-29px;  background-position: -20px 0;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollleftdisable{background-position:-20px -85px; cursor:default;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollright{margin:10px 4px auto 5px; right:0; background-position: 0 0;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollrightdisable{background-position:0 -85px; cursor:default;}

.contentbox .mainbox .galleryscroll .imgscrollholder .scrollcontent{ width:630px; overflow:hidden; height:120px;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollcontent ul{ height:120px; overflow:hidden;zoom:1;list-style:none outside;}
.contentbox .mainbox .galleryscroll .imgscrollholder .scrollcontent ul li{ color:#999; cursor:pointer; float:left; padding-top:90px; margin-left:10px; margin-right:10px; display:inline; width:85px; }

#ulGallery li{background:#000 no-repeat scroll -85px 0}
#ulGallery li.p0{background-image:url(/image/custom/index/gallery/0.jpg)}
#ulGallery li.p1{background-image:url(/image/custom/index/gallery/1.jpg)}
#ulGallery li.p2{background-image:url(/image/custom/index/gallery/2.jpg)}
#ulGallery li.p3{background-image:url(/image/custom/index/gallery/3.jpg)}
#ulGallery li.p4{background-image:url(/image/custom/index/gallery/4.jpg)}
#ulGallery li.p5{background-image:url(/image/custom/index/gallery/5.jpg)}
#ulGallery li.p7{background-image:url(/image/custom/index/gallery/7.jpg)}
#ulGallery li.p8{background-image:url(/image/custom/index/gallery/8.jpg)}
#ulGallery li.p9{background-image:url(/image/custom/index/gallery/9.jpg)}
#ulGallery li.p10{background-image:url(/image/custom/index/gallery/10.jpg)}
#ulGallery li.p11{background-image:url(/image/custom/index/gallery/11.jpg)}
#ulGallery li.p12{background-image:url(/image/custom/index/gallery/12.jpg)}
#ulGallery li.p13{background-image:url(/image/custom/index/gallery/13.jpg)}
#ulGallery li.p14{background-image:url(/image/custom/index/gallery/14.jpg)}
#ulGallery li.p15{background-image:url(/image/custom/index/gallery/15.jpg)}
#ulGallery li.p16{background-image:url(/image/custom/index/gallery/16.jpg)}
#ulGallery li.p17{background-image:url(/image/custom/index/gallery/17.jpg)}
#ulGallery li.p18{background-image:url(/image/custom/index/gallery/18.jpg)}


#ulPortfolio li{background:#000 no-repeat scroll -85px 0}
#ulPortfolio li.p356{background-image:url(/image/custom/index/portfolio/356.jpg)}
#ulPortfolio li.p357{background-image:url(/image/custom/index/portfolio/357.jpg)}
#ulPortfolio li.p358{background-image:url(/image/custom/index/portfolio/358.jpg)}
#ulPortfolio li.p362{background-image:url(/image/custom/index/portfolio/362.jpg)}
#ulPortfolio li.p363{background-image:url(/image/custom/index/portfolio/363.jpg)}
#ulPortfolio li.p365{background-image:url(/image/custom/index/portfolio/365.jpg)}
#ulPortfolio li.p394{background-image:url(/image/custom/index/portfolio/394.jpg)}
#ulPortfolio li.p361{background-image:url(/image/custom/index/portfolio/361.jpg)}
#ulPortfolio li.p383{background-image:url(/image/custom/index/portfolio/383.jpg)}
#ulPortfolio li.p399{background-image:url(/image/custom/index/portfolio/399.jpg)}
#ulPortfolio li.p400{background-image:url(/image/custom/index/portfolio/400.jpg)}
#ulPortfolio li.p401{background-image:url(/image/custom/index/portfolio/401.jpg)}


.contentbox .sidebox{width:270px;float:right; background-color:#333; overflow:auto; zoom:1;border:1px solid #555; margin-top: 10px;}
.contentbox .sidebox h3{font-size:12px;}
.contentbox .sidebox .banner{margin:10px auto;_margin:1px auto;  }
.contentbox .sidebox .banner a{}
.contentbox .sidebox .banner a img{border:1px solid #666;}
.contentbox .sidebox .banner a:hover img{border:1px solid #ccc;}
.contentbox .sidebox .hotkey{padding:auto 10px; color:#ccc; line-height:200%; font-size:11px; overflow:auto; zoom:1;}
.contentbox .sidebox .hotkey div ul{ list-style:none outside;}
.contentbox .sidebox .hotkey div ul li{ float:left; display:inline-block; margin:auto 10px;}
.contentbox .sidebox .hotkey div ul li a:hover{ text-decoration:none; color:#ccc;}




/* ¡ã?¨¤yD¨¤¨¦¨ª */

#thumbs{width:100%;  margin:10px auto;}
#thumbs ul{ padding-left:20px; list-style:none outside;overflow:hidden; zoom:1;  margin:0 auto;}
#thumbs ul li{margin-left:10px; margin-right:10px; float:left; display:inline;}
#thumbs ul li.btnPrev,#thumbs ul li.btnNext{ cursor:pointer; position:relative; top:10px;}
#thumbs ul li a img{border:2px solid #ccc;}
#thumbs ul li a.current img{border:2px solid #5FC243;}

#large{width:100%;  position:relative; height:380px; margin-top:20px;}
#large div.slideDiv{margin:0; padding:0;position:absolute; top:0; left:0;}


#sthumbs{float:left;  width:365px; margin-left:20px; margin-top: 115px;}
#sthumbs ul{ list-style:none outside;overflow:hidden; zoom:1;  margin:0 auto;}
#sthumbs ul li{margin-right:3px; float:left; display:inline;}
#sthumbs ul li a img{border:2px solid #ccc;}
#sthumbs ul li a.current img{border:2px solid #5FC243;}

#slarge{ float:left;  position:relative; height:380px; width:587px;}
#slarge div.word{bottom: 0;color:#eee;font-size: 12px; height: 32px;left: 0;line-height: 20px;padding: 5px;position: absolute;text-decoration: none; display:none; }
#slarge div.slideDiv{margin:0; padding:0;position:absolute; top:0; left:0;}
#introduce{float:left; width:365px; margin-left:20px;}
#introduce p{font-size:12px; font-weight:bold; line-height:200%; color:#ccc;}

#photographerlist li{border-bottom:1px dashed #aaa; overflow:hidden; zoom:1; padding-top:20px;}
#photographerlist li .ph{float:left; height:145px; width:200px; }
#photographerlist li .ph a{display:block;}
#photographerlist li .ph span{display:block; color:#eee; margin-top:5px;}
#photographerlist li .desc{ text-indent:2em;float:left; margin-left:20px; margin-top:10px; width:710px; height:145px;color:#ccc; line-height:160%; font-size:12px; font-weight:bold;}
#photographerlist li .desc a{color:orange; font-size:12px; margin-left:10px;}