@charset "utf-8";

/* reset start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* reset end */

/* clearfix start */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;min-height:1%;  /* for IE 7*/}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* clearfix end */

body {color:#ccc; font-size:13px; line-height:140%;}

.guanggao{position: absolute; top: 80px; right: 50px;}

/* header */
#wrapper_head {background:#FFFFFF;}
#header {width:900px;height:65px;margin:0px auto;background:#FFFFFF;}
#header .logo1 {float:left;vertical-align:bottom;margin:17px 23px 0px 12px;}
#header .logo2 {float:right;vertical-align:bottom;margin:27px 12px 0px 28px;}

#wrapper{background:url(../images/top_back.jpg) no-repeat center top #000;}
#content {width: 880px;margin: 0px auto;padding: 9px;background: #000;border-right: 1px solid #111;border-left: 1px solid #111;background:url(../images/top_bg-trans.png);}
h1 {text-indent:-9999px; background:url(../images/telephoto_title-trans.png) no-repeat; width:490px; height:110px; float:left;padding: 0px 20px 20px 0px;}
h2 {padding: 10px 0px 0px 0px;font-size: 13px; font-weight:normal; float:left; width:370px;}
.h3_g {text-indent:-9999px; background:url(../images/gallery_top_title-trans.png) no-repeat; width:500px; height:40px;padding: 0px 10px 0px 0px; clear:both; padding:0px 0px 5px 0px;}
.h3_b {text-indent:-9999px; background:url(../images/basic_top_title-trans.png) no-repeat; width:490px; height:40px;padding: 0px 10px 0px 0px; clear:both; padding:0px 0px 5px 0px;}
h4 {padding: 0px 0px 0px 0px;font-size: 14px;}
h5 {padding: 0px 0 0 0;font-size: 14px;}
#basicbox{clear:both; width:860px; border:1px dotted #111; padding:9px;background:url(../images/top_bg-trans.png);}
#bb_left{float:left; width:420px; padding:0px 20px 0px 0px;}
#bb_right{float:left; width:420px;}
#bb_left .h4_bp, #bb_right .h4_bp{background:url(../images/bp-trans-trans.png) no-repeat; height:30px; padding:6px 0px 0px 30px;}
#basicbox a{color:#cccccc; text-decoration:none;}
#basicbox a:hover{color:#FFFFFF; text-decoration:underline;}

/* footer */
#footer_menu {clear:both;background:#111; height:100%;color:#ccc; border-top:1px solid #222; border-bottom:1px solid #222;}
#footer_menu_main {width:900px;margin:0px auto;height:100%;}
#mul {float:left; width:287px; padding:0px 6px; border-left:1px solid #222;}
#mul .li1 {font-size:13px; line-height:130%; border-bottom:1px dotted #222; margin:5px 0px 5px 0px; padding:0px 0px 5px 0px;}
#mul .li2 {padding:0px 0px 5px 0px;font-size:12px; line-height:130%;}
#mul .li2 a {color:#ccc; text-decoration:none;background:url(../images/top_list.png) no-repeat 0px 1px;padding:0px 0px 0px 18px;display:inline-block;}
#mul .li2 a:hover {color:#ccc; text-decoration:underline;}
#mul .cameraman {padding:0px 0px 5px 0px;font-size:12px; line-height:130%; border-top:1px dotted #111; margin:15px 0px 5px 0px; padding:5px 0px 0px 0px;}
#mul .plusmark {font-size:12px; line-height:140%; background:url(../images/plus.png) no-repeat 0px 7px; padding:5px 0px 0px 20px;}
#sliderBox{ float:left; padding:0px; border-right:1px solid #222; border-left:1px solid #222;height:240px;}

#footer {background:#000; color:#ccc; height:55px;}
#footer #footer_main {clear:both;width:900px;margin:0px auto;}
#footer #footer_main p {text-align: center; font-size:9px; color:#FFF; padding:0px 0px 0px 0px;}
#footer #footer_main p a {color:#FFF; text-decoration:none;}
#cameramanBox{padding:9px;}

/* CAROUSEL */
.carousel{margin:  0 0 25px 0;position:relative;height: 360px;width: 880px;overflow:hidden;}
.carousel .backgrounds{height: 360px;}
.carousel .backgrounds .item{width: 880px;height: 360px;float:left;position:relative;z-index:1;overflow:hidden;}
.carousel .panel{background: url(../images/top_bg-trans.png);color: #fff;position:absolute;right: 0;top:0px;height: 360px;width: 255px;z-index:10;}
.carousel .panel .paging{position:absolute;bottom: 10px;left:25px;width: 210px;  text-align:center;}
.carousel .panel .paging a{color: #4c4c4c;font-size: 1.1em;}
.carousel .panel .pause{position:absolute;right:20px;top:0px;display:block;width: 18px;height: 18px;background: transparent url(../images/carousel_pause_bg.gif) no-repeat 0 0;text-indent: -6000px;}
.carousel .panel .play{position:absolute;right:20px;top:0px;display:block;width: 18px;height: 18px;background: transparent url(../images/carousel_play_bg.gif) no-repeat 0 0;text-indent: -6000px;}
.carousel .panel .paging .next{position:absolute;right:0;top:0;display:block;width: 18px;height: 18px;background: transparent url(../images/carousel_next_bg.gif) no-repeat 0 0;text-indent: -6000px;}
.carousel .panel .paging .previous{position:absolute;left:0;top:0;display:block;width: 18px;height: 18px;background: transparent url(../images/carousel_previous_bg.gif) no-repeat 0 0;text-indent: -6000px;}
.carousel .panel .paging #numbers a {padding: 0 5px 0 5px;}
.carousel .panel .paging #numbers a.selected {color: #fff;}
.carousel .panel .details_wrapper {position:absolute;top:0px;left:25px;width: 225px;overflow:hidden;}
.carousel .panel .details_wrapper .details{font-size:12px;}
.carousel .panel .details_wrapper .details .detail{width: 225px;float:left;}
.carousel .panel .details_wrapper .details .detail h4{font-size:16px; padding:0px 0px 5px 0px; border-bottom:1px solid #333; margin:0px 0px 5px 0px;}
.carousel .panel .details_wrapper .details .detail h4 a{color: #c50000; text-decoration:none;}
.carousel .panel .details_wrapper .details .detail h4 a:hover{color: #fff;}
.carousel .panel .details_wrapper .details .detail .read a{color: #fff; text-decoration:none;}
.carousel .panel .details_wrapper .details .detail .read a:hover{color: #fff; text-decoration:underline;}
.carousel .panel .details_wrapper .details .detail .lens{padding:10px 0px 5px 0px;}
.carousel .panel .details_wrapper .details .detail .lens_name{padding:0px 0px 10px 0px;}
.carousel .panel .details_wrapper .details .detail .more{border:1px solid #333; padding:5px 5px 3px 5px; line-height:200%;}
.carousel .panel .details_wrapper .details .detail .more a{color: #fff; text-decoration:none;}
.carousel .panel .details_wrapper .details .detail .more a:hover{color:#c50000;}
#numbers{font-size:10px;}
/* END CAROUSEL */