﻿
/*css reset*/
body {background: none;}
#header {background: url(images/topbg.jpg) no-repeat center top;}
#header .logo {height: 82px;}
#header .logo h1 {background: none; margin: 0; width: 300px; height: 82px; float: left;overflow: hidden;}
#header .logo h1 a {display: block; text-indent: -9999px; width: 300px; height: 82px; }

.path { position: absolute; right: 0; bottom: 18px; height: 32px;line-height: 32px; border: 0; font-size: 12px; color: #fff;}
.path span {background: url(images/arr02.png) no-repeat 0 0; padding-left: 12px; }
.path a {color: #fff;}

.mainContent {width: 960px; float: left; }
#footer {width: 100%;}

/* picTitle */
.picTitle { padding:30px 0; line-height: 1.3; text-align:center; }
.picTitle .title { font-family: "Microsoft Yahei", "黑体"; font-size:24px; color: #B60002; }
.picTitle #total { font-size: 14px; padding-left: 10px; }
.picTitle .cC00 { color:#ee0000; font-size:16px; font-weight:bold; }

/* picMeta */
.tips {  padding: 0 10px; text-align: right; font-size: 12px;}
.picMeta { height: 38px; line-height: 38px; background: #f1f1f1; border: 1px solid #ddd; color: #444; }
.picMeta a { color: #444; }
.picMeta .picInfo { width: 637px; float: left; padding-left: 10px; font-size: 12px; }
.picMeta .picControl { width: 311px; float: right; font-size: 12px; }
    .ecCont { height: 38px; z-index: 100; }
    .ecCont div { height: 38px; }
    .ecCont .hover{ cursor:pointer; background: #d5d5d5; color: #fff; }
    #ecbFullScreen,
    #ecbSpeed,
    #ecbPre,

    #ecbNext,
    #ecbMode,
    #ecbModeReturn { border-left: #ddd 1px solid; width: 39px; float: left; text-align: center; background-image: url(images/icon_gallery.png); background-repeat:  no-repeat;}
    #ecbFullScreen { width: 75px; _width: 70px; position: relative; background-position: 10px -137px; padding-left: 15px;}
    #fullScreenFlash { position: absolute; left: 0; top: 0; }
    #ecbSpeed { width: 44px; _width: 43px; background-position: 35px -231px; padding-right: 15px;}
    #ecbPre { background-position: 13px -17px; }

    #ecbNext { background-position: 15px -77px; }
    #ecbMode { background-position: 14px -107px; }
     #ecbPlay {border-left: #ddd 1px solid; width: 39px; float: left; }
    #ecbPlay .stop{ background-position: 14px -200px; background-image: url(images/icon_gallery.png); background-repeat:  no-repeat;}
    #ecbPlay .play { background-position: 14px -47px; background-image: url(images/icon_gallery.png); background-repeat:  no-repeat;}
    #ecbModeReturn { display: none; background-position: 13px -170px;}
    #ecbLine { display: none; }
    .buttonBg,
    .buttonBg2,
    .bBgS_0 { display: none; }
    #SpeedBox{position:absolute;z-index:100;left: 92px;_left:86px;top:37px;width: 60px;height:126px;overflow:hidden;display:none;}
    #SpeedCont{width: 60px;height:126px;background: url(images/gallery-btns.png) no-repeat 0 0;margin-top:-126px;position:relative;}
    .speedStep_1{margin-top:-90px!important;}
    .speedStep_2{margin-top:-60px!important;}
    .speedStep_3{margin-top:-30px!important;}
    .speedStep_4{margin-top:-10px!important;}
    .speedStep_5{margin-top:-3px!important;}
    .speedStep_6{margin-top:0!important;}
    #SpeedSlide{width:10px;height:110px;position:absolute;left: 35px;top:4px;}
    #SpeedNonius{width:23px;height:9px;position:absolute;left: 29px;top:2px;background: url(images/gallery-btns.png) no-repeat -80px 0;cursor: pointer;}


/* 幻灯片效果 */
.picContent { margin: 10px auto; width: 964px;  }
#d_BigPic img { /*width: 964px;*/ height: auto; }
#efpBigPic{text-align:center;zoom:1;position:relative;padding:15px;}
#efpLeftArea,#efpRightArea{ display:block; background:url(images/gallery-btns.png) -9999px 0 no-repeat; width:50%;height:100%;position:absolute; left:0;top:0;z-index:9; cursor:pointer;  }
#efpRightArea{ left:auto; right:0; }
#efpLeftArea span,
#efpRightArea span { display:none; position:absolute; left: 24px; top: 50%; width: 102px; height: 95px; margin-top: -42px; overflow:hidden; }
#efpLeftArea span { background: url(images/image_left.png) no-repeat; }
#efpRightArea span { background: url(images/image_right.png) no-repeat; left:auto; right: 24px; }
#efpLeftArea:hover span,
#efpRightArea:hover span{ display:block; }
#ImgBox{ padding:5px; }
#d_picTime { display: none; }
#efpTxt{ line-height:20px; color:#000;}
#d_picIntro {width:900px; margin:20px auto; font-size:14px; line-height:28px; overflow:hidden;text-align:center; color:#333;}

/* 列表效果 */
#ePicList{zoom:1;overflow:hidden;display:none;padding:15px 0;}
.picBox{width:140px; float:left;display:inline; margin:0 7px 10px 7px;  border:1px solid #d5d5d5; background:#f1f1f1;    text-align:center;overflow:hidden;cursor:pointer;
    color:#999; }
.picBox .img{ padding:10px; }
.picBox .img img{width:120px; height:80px;  }
.picBox h3{ color:#444; font-size:12px; font-weight:normal; padding:4px 4px 0;line-height:14px; line-height:20px;  min-height:20px;_height:20px;}
.picBox .time{line-height:20px; padding-bottom:4px;  }

/* endSelect */
#endSelect{top:245px;left:359px;position:absolute;width:260px;height:100px;border:1px solid #666;display:none;z-index:20;}
#endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=90);opacity:0.9;}
#endSelect .E_Cont{position:absolute;top:14px;left:36px;color:#fff;font-size:14px;}
#endSelect .E_Cont p{padding:8px 0;zoom:1;overflow:hidden;}
#rePlayBut{float:left;width:69px;height:23px;background: url(images/gallery-btns.png) no-repeat 0 -316px;}
#nextPicsBut{float:left;width:97px;height:23px;background: url(images/gallery-btns.png) no-repeat -100px -316px;margin-left:10px;}
#endSelect #endSelClose{background: url(images/gallery-btns.png) no-repeat 0 -366px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2;}

/* 上下组图片 其余图片 */
#BottomPicList{ height:147px; width:900px; margin:0 auto; padding:0 20px;  background:#fbfbfb; border:1px solid #eaeaea;   }
#efpPicList{ width:900px; height:130px;overflow:hidden; margin:0px auto; padding-top:10px; margin-top:0px; }
#efpPreGroup{float:left; padding:0px;width:135px; margin-right:20px;}
#efpPrePic{padding:0;width:135px;height:99px; padding:4px 2px 0 4px; background: url(images/gallery-btns.png) 0 -176px no-repeat;}
#efpPrePic img{ width:121px; height:89px; border:0px;}
#efpPreTxt{width:102px;text-align:center;padding:0 0 0 11px;}
#efpPreTxt a{ color:#444;}
#efpNextGroup{float:right; padding:0px;width:135px; }
#efpNextPic{padding:0;width:135px;height:99px; padding:4px 2px 0 4px;  background: url(images/gallery-btns.png) 0 -176px no-repeat;}
#efpNextPic img{ width:121px; height:89px; border:0px;}
#efpNextTxt{width:102px;text-align:center;padding:0 0 0 11px;}
#efpNextTxt a{ color:#444;}
#efpInfo{ float:left; width:580px; height:130px; overflow: hidden;}
#efpListLeftArr{ width:12px;height:128px;float:left; background: url(images/gallery-btns.png) -150px -176px no-repeat; cursor:pointer;}
#efpListRightArr{ width:12px;height:128px;float:right;background: url(images/gallery-btns.png) -208px -176px no-repeat; cursor:pointer;}
#efpPicListCont {width:505px; height:128px;float:left;overflow:hidden; margin: 5px 20px 0; }
#efpPicListCont table{margin:0 auto;}
#efpPicListCont .pic,#efpPicListCont .picOn{width:142px;float:left;text-align:center; _display:inline; margin-right: 30px;  }
#efpPicListCont .picCont{width:130px;height:70px;}
#efpPicListCont .pic img{ border:2px solid #dadada; padding: 3px; width: 130px; height: 97px;}
#efpPicListCont .picOn img{ border:2px solid #8b8989; padding: 3px; width: 130px; height: 97px;}

/* conTxt */
.conTxt{ width:940px; margin:20px auto; font-size:14px; line-height:28px; overflow:hidden;text-align:left; color:#555; }
.conTxt p{ margin-bottom: 1em;}