/*ͨ��css*/
.W-main{
    width: 1164px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    /*background: #808080;*/
}
select::-ms-expand{display: none;}

/*��ĭм*/
.tjPmx{padding: 15px 0 15px 0;overflow: hidden}
.tjPmx ul li{float: left; font-size: 12px;}
.tjPmx .tjPmxArow{width: 30px;text-align:center; }
.tjPmxOn{color: #888888}
.tjPmx ul li a{text-decoration: none}
.tjPmx-no{color: #333333}

/*д�μ�xieyj.html*/
.travelnotes{
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #333333;
}
.travelnotes h1{
    font-size: 20px;
    font-weight: normal;
    margin: 12px 0 22px 0;
}
/*//����*/
#travelnotesTitle{
    width: 730px;
    height: auto;
    overflow: hidden;
    /*background: darkgray;*/
}
/*//�����Ƭ*/
#travelnotesphoto{
    width: 434px;
    height: auto;
    overflow: hidden;
    /*background: lightpink;*/
}
/*//����*/
#travelnotesText{
    width: 730px;
    height: auto;
    overflow: hidden;
    /*background: cornflowerblue;*/
}
/*//С���� ͨ��*/
.startitle{
    max-width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: url("../images/writeYJ_icon_titleIcon.png") no-repeat left center;
    padding-left: 12px;
}
#travelnotesTitle .titleTextarea{width: 650px;height: 54px; margin-bottom: 30px;}
#travelnotesTitle .titleTextarea textarea{width: 100%;height: 100%;max-width: 650px;max-height: 54px;border: 1px solid #00b7ee;font-size: 14px; line-height: 18px;}

#travelnotesTitle .div1{
    width: 216px;
    height: 30px;
    overflow: hidden;
    margin: 14px 0;
}
.word1{
    line-height: 30px;
    padding: 0 10px 0 26px;
}
.datebg{
    background: url("../images/wreitYJ_icon_date.png") no-repeat left center;
}
.moneybg{
    background: url("../images/writeYJ_icon_money.png") no-repeat left center;
}
.personbg{
    background: url("../images/writeYJ_icon_person.png") no-repeat left center;
}
.modebg{
    background: url("../images/writeYJ_icon_mode.png") no-repeat left center;
}
.word2{
    line-height: 30px;
    padding: 0 10px;
}
/*//���ڲ��css*/
#travelnotesTitle .date{
    width: 128px;
    height: 30px;
    overflow: hidden;
}
#travelnotesTitle .date input{
    width: 124px;
    height: 26px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    background: url("../images/writeYJ_icon_calendar.png") no-repeat center right;
    cursor: pointer;
}

#travelnotesTitle .inputbox{
    width: 128px;
    height: 30px;
    overflow: hidden;
}
#travelnotesTitle .inputbox input{
    width: 64px;
    height: 28px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    padding: 0 4px;
}
#travelnotesTitle .inputbox span{color: #888888;}

#travelnotesTitle .div2{
    width: 660px;
    height: auto;
    overflow: hidden;
    margin: 6px 0;
}

.personUlbox,.modeUlbox{
    width: 598px;
}
.personUlbox .line{
    background: #00b7ee;
    color: #FFFFFF;
}
.personUlbox li{
    background: #f8f8f8;
    color: #888888;
    height: 12px;
    line-height: 12px;
    margin: 3px 8px;
    padding: 6px 10px;
    cursor: pointer;
}
.modeUlbox .line{
    background: #00b7ee;
    color: #FFFFFF;
}
.modeUlbox li{
    background: #f8f8f8;
    color: #888888;
    height: 12px;
    line-height: 12px;
    margin: 3px 8px;
    padding: 6px 10px;
    cursor: pointer;
}

/*//С���� �����Ƭ*/
#travelnotesphoto .addButton{
    width: 100%;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    background: url("../images/writeYJ_icon_bluePhoto.png") no-repeat left center;
    padding-left: 26px;
    cursor: pointer;
}
#travelnotesphoto .addButton .span1{
    color: #41afea;
}
#travelnotesphoto .addButton .span2{
    color: #888888;
}
#travelnotesphoto .picture{
    width: 86px;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}
#travelnotesphoto .picture img{
    display: block;
    width: 86px;
    height: 86px;
}
#travelnotesphoto .picture p{
    line-height: 18px;
    color: #888888;
}

/*//С���� ����*/
#travelnotesText .textTextarea{width: 650px;height: 300px; margin-bottom: 30px;}
#travelnotesText .textTextarea textarea{width: 100%;height: 100%;max-width: 650px;max-height: 300px;border: 1px solid #999999;font-size: 14px; line-height: 18px;}

.sentButton{
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background: #ffa314;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    cursor: pointer;
}
/*д�μ�xieyj.html ����*/

/*��������ScenicDetail.html*/
#ScenicIntro{
    width:796px;
    height: auto;
    overflow: hidden;
    margin-right: 24px;
    /*background: cornflowerblue;*/
}
#ScenicData{
    width: 344px;
    height: auto;
    overflow: hidden;
    /*background: indianred;*/
}
#ScenicIntro .banner{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#ScenicIntro .banner  .scenicMess{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#ScenicIntro .banner .name{
    font-size: 20px;
    color: #00b7ee;
    line-height: 20px;
    padding: 15px 0;
}
#ScenicIntro .banner .item{
    line-height: 14px;
    font-size: 14px;
    padding: 21px 0 15px 0;
    color: #888888;
}
#ScenicIntro .banner .item div{
    padding: 0 6px;
}
#ScenicIntro .banner .item div.iconbox img{
    width: 14px;
    height: 14px;
    margin: 0 3px;
}

/*//banner�ֲ�*/
#ScenicIntro .bannerFocus{
    width: 794px;
    height: auto;
    border: 1px solid #f4f4f4;
    /*position: relative;*/
}

.coach-box{width: 794px;height:340px ;display: inline-block;*display: inline;*zoom: 1;position: relative}
#jcImg { /*width:100%;*/ /*border:1px solid #ccc; background:#f2f2f2; */position:relative; overflow:hidden; }
#jcImg ul { width:100%; height:340px; overflow:hidden; position:relative; z-index:0; }
#jcImg ul img{width:100%;height:100%;}
#jcImg ul li { display:none; width:100%; height:340px; overflow:hidden; position:absolute; left:0; top:0; z-index:0; }
#smallImg { overflow:hidden; position:absolute;bottom:0; width:724px;margin: 0 35px;padding: 3px 0;}
#hover_bg{width: 794px; height: 80px; background: url("../images/hover_bg.png"); position: absolute; left: 0; bottom: 0;}
#jcImg dl { margin: 0px;width:9999%; position:relative; }
#jcImg dd { float:left; width:112px; height:64px; overflow:hidden; margin:4px; _display:inline; cursor:pointer; position:relative; }
#jcImg dd div { position:absolute; background:#000; height:64px; width:112px; }
#jcImg b { width:16px; height:64px;  position:absolute; top:270px;background: url("../images/btn.png") no-repeat; z-index:1; cursor:pointer; }
#jcImg #prev { float:left; left:0px;background-position: 0px 0px; }
#jcImg #next { float:right; right:0px; background-position: -26px 0px; }
#jcImg #prev:hover {  background-position: 0px -60px; }
#jcImg #next:hover {  background-position: -26px -60px; }
#imgText { position:absolute; z-index:1; left:5px; top:315px; width:100%; height:63px; display:none; }
#imgText p,#imgText b { display:block; position:absolute; left:0; top:0; width:591px; line-height:40px; padding:0 17px; height:40px; overflow:hidden; z-index:1; }
#imgText b { background:#000; z-index:0; }
#imgText span { color:#fff; text-shadow:1px 1px 0 #000; float:left; font-size:14px; }
#imgText samp { color:#fff; text-shadow:1px 1px 0 #000; float:right; font-size:13px;  }
#imgHover { border:2px solid #FFFFFF; height:64px; width:112px; position:absolute; left:3px; top:4px; display:none;}


#scenicIntroduce{
    width: 794px;
    height: auto;
    overflow: hidden;
    margin: 1px 0 0 0 ;
    border: 1px solid #f4f4f4;
    /*background: palegoldenrod;*/
}
/*���*/
.O_more{
    line-height: 20px;
    padding: 10px;
    color: #ff8400;
    font-size: 14px;
    cursor: pointer;
}
#scenicIntroduce .catalog{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f8f8f8;
}
#scenicIntroduce .catalog .catalogSelcted{
    background: #ff8400;
    color: #FFFFFF;
}
#scenicIntroduce .catalog li{
    width: 110px;
    height: 42px;
    text-align: center;
    font-size: 14px;
    /*cursor: pointer;*/
    margin-left: 1px;
    color: #888888;
}
#scenicIntroduce .catalog li a{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: inherit;
}
#scenicIntroduce .catalog li span{
    width: 110px;
    height: 28px;
    line-height: 28px;
    margin: 7px 0;
    display: block;
    float: left;
    border-right: 1px solid #c8c8c8;
}

#scenicIntroduce .summary{
    width: 774px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-indent: 30px;
    padding: 10px;
}
#scenicIntroduce .summary .summaryContain{
    width: 100%;
    height: 180px;
    overflow: hidden;
}
#scenicIntroduce .summary .develop,#scenicIntroduce .summary .retract{
    color: #ff8400;
    cursor: pointer;
}

#scenicIntroduce .scenicName{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
}
#scenicIntroduce .titleH{
    font-size: 20px;
    background: url("../images/max-Rarr.png") no-repeat left center;
    padding: 10px 20px;
    margin-left: 4px;
    color: #444444;
}

/*�������*/
#scenicIntroduce .scenicName{
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*����ͼƬ�ֲ�*/
#scenicIntroduce .scenicName .cenameBanner{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.nameBanner .picScroll-left{ width:794px;  overflow:hidden; position:relative;   }
.nameBanner .picScroll-left .hd{ overflow:hidden;width: 744px;height:24px; padding:0 25px; position: absolute;top:113px; left: 0; }
.nameBanner .picScroll-left .hd .prev,.nameBanner .picScroll-left .hd .next{ display:block;  width:24px; height:24px; overflow:hidden;cursor:pointer;}
.nameBanner .picScroll-left .hd .prev{ background:url("../images/left.png") no-repeat; float: left;}
.nameBanner .picScroll-left .hd .next{ background:url("../images/r.png") no-repeat;float: right;}
.nameBanner .picScroll-left .bd{ padding:10px; }
.nameBanner .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.nameBanner .picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; height: 198px;position: relative  }
.nameBanner .picScroll-left .bd ul li .pic img{ width:250px; height:198px; display:block; }
.nameBanner .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.nameBanner .picScroll-left .bd ul li .title{ line-height:40px; position: absolute;left: 0;bottom: 0;padding: 0 10px;width: 230px;height: 40px; background: url("../images/hover_bg.png");color: #FFFFFF;font-size: 16px; }
.nameBanner .picScroll-left .bd ul li .title a{color: #FFFFFF; width: 230px;}

/*���ʹ���*/
#scenicIntroduce .scenicRaiders{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicRaiders .raidersList{
    width: 794px;
    height: auto;
    overflow: hidden;
}
.strategy-write-list > ul {
    width: 100%;
    overflow: hidden;
}

.strategy-write-list > ul > li {
    width: 100%;
    height: 190px;
    margin-top: 15px;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
}

.write-pic {
    width: 264px;
    float: left;
    margin:0 10px;
}

.write-text {
    float: left;
}

.write-text > p {
    color: #0bb9ee;
    font-size: 18px;
}

.people-pic {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #cccccc;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}

.people-pic > img {
    width: 100%;
}

.write-text > div {
    margin: 8px auto;
    height: auto;
    overflow: hidden;
}

.Tourism-introduction {
    width: 504px;
    font-size: 14px;
    line-height: 24px;
}

.write-text > div > span {
    font-size: 14px;
    color: #9d9d9d;
    padding: 0 3px;
}
.write-text > div > span > span{
    padding: 0 3px;
}
.comments {
    line-height: 50px
}

.comments > ul > li {
    margin-right: 10px;
}

.comments > ul > li > div {
    float: left;
}

.comments > ul > li > div > img {
    display: block;
    margin-top: 17px;
}

.comments > ul > li > div > span {
    color: #9d9d9d;
    font-size: 12px;
    padding: 0 3px;
}

/*����ָ��*/
#scenicIntroduce .scenicService{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicService .serviceMap{
    width:100%;
    height: auto;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
}
#scenicIntroduce .scenicService .serviceMap img{
    width: 100%;
}
#scenicIntroduce .scenicService .serviceGuide{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    margin: 10px auto;
}

/*��������*/
#scenicIntroduce .scenicEvaluate{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px #f5f5f5 dashed;
    padding: 18px 0;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate{
    width: 100%;
    height: auto;
    color: #666666;
    overflow: hidden;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divEva{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divEva .evaPhoto{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 10px;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divEva .evaPhoto img{
    width: 100%;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divEva .evaWords{
    width: 730px;
    height: auto;
    overflow: hidden;
    margin: 10px auto;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divData{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#scenicIntroduce .scenicEvaluate .evaluateDiv li .evaluate .divData span{
    padding: 0 10px;
}

.information-comments {
    width: 794px;
    height: auto;
    overflow: hidden;
}

.comments-lable {
    margin: 0 10px;
    height: auto;
    overflow: hidden;
}

.comments-lable > a {
    display: block;
    float: left;
    color: #666666;
    border: 1px solid #e8e8e8;
    margin: 6px;
    padding: 14px 18px;
    border-radius: 4px;
    cursor: pointer;
}
.comments-area {
    margin: 12px auto;
    overflow: hidden;
}

.comments-area-user {
    float: left;
    width: 50px;
    height: auto;
    overflow: hidden;
    margin: 20px;
}

.comments-area-user > a {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 3px;
    overflow: hidden;
    border-radius: 100%;
}

.comments-area-user > a > img {
    width: 100%;
}
.comments-area-user>p{
    width: 100%;
    height: 14px;
    line-height: 14px;
    color: #888888;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.comments-area-text {
    width: 690px;
    float: left;
}

.comments-area-text > textarea {
    width: 99%;
    outline: none;
    font-size: 14px;
    line-height: 22px;
    color: #888888;
    height: 100px;
    border: 1px solid #bfbfbf;
}

.comments-input {
    margin: 12px 20px;
    text-align: right;
}

.comments-input > input {
    height: 30px;
    width: 90px;
    color: #ffffff;
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 3px;
    background-color: #ff8400;
    cursor: pointer;
}

/*������*/
#ScenicData .dataTitle{
    padding: 10px;
    font-size: 18px;
    color: #444444;
}
#ScenicData .scenicTour{
    width: 342px;
    height: auto;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}
#ScenicData .scenicTour .tourMap{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#ScenicData .scenicTour .tourMap img{
    width: 100%;
}


#ScenicData .scenicNotice{
    width: 344px;
    height: auto;
    overflow:hidden;
}
#ScenicData .scenicNotice .noticeMess{
    width: 322px;
    padding: 0 10px;
    height: auto;
    overflow:hidden;
    background: #fcfcfc;
    border: 1px solid #f2f2f2;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}
#ScenicData .scenicProduct{
    width: 342px;
    height: auto;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin: 20px auto;
}

#tabBox { width:100%; margin:0 auto;  overflow: hidden;height: auto; }
#tabBox .tabIn2{
    float:left;
    width:85px;
    color:#444444;
    height:28px;
    line-height:28px;
    text-align:center;
    cursor:pointer;
    font-size: 14px;
    border-bottom: 1px solid #00b7ee;
}
#tabBox .tabIn2.tabIn{
    height: 27px;
    background:#00b7ee;
    color:#FFFFFF;
    border: 1px solid #00b7ee;
}
#tabBox .tabIn2 span{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin: 6px 0;
    border-right: 1px solid #d0d0d0;
}
#tabBox .tabMore{
    width: 85px;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #00b7ee;
    color: #888888;
    text-align: center;
    font-size: 14px;
}
#tabBox .tabCont2{
    width:100%;
    height: auto;
    display:none;
    margin: 0 auto;
}
/*//ע��������������������divΪ���ɼ��*/
#tabBox .tabCont2.tabCont{ display:block;}
/*//ע����������ֻ�о���tabCont��div���ݲſɼ�*/
.tabCont2 ul{padding: 0}
.tabCont2 li{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px solid #d7d7d7;

}
.tabCont2 .lastLi{
    border: none;
}
.tabCont2 .productPic{
    width: 90px;
    height: 70px;
    overflow: hidden;
}
.tabCont2 .productPic img{
    width: 100%;
}
.tabCont2 .productName{
    padding: 0 10px;
    width: 232px;
}
.tabCont2 .productName p{
    font-size: 14px;
    color: #222222;
}
.tabCont2 .productName > div{
    width: 50px;
    height: 14px;
    overflow: hidden;
    margin: 4px 0;
}
.tabCont2 .productName > div img{
    width: 100%;
}
.tabCont2 .productName span{
    margin-top: 10px;
}
.tabCont2 .productName span.fl{
    color: #ff8400;
    font-size: 16px;
}
.tabCont2 .productName span.fr{
    width: 64px;
    height: 20px;
    background: #ff8400;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}
.tabCont2 .productName span.fr a{
    display: block;
    width: 64px;
    height: 20px;
    cursor: pointer;
}

/*�ܱ��Ƽ�*/
#ScenicData .scenicGroom{
    width: 344px;
    height: auto;
    overflow:hidden;
}
#ScenicData .scenicGroom .groomList{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#ScenicData .scenicGroom .groomList li{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
}
#ScenicData .scenicGroom .groomList .listPic{
    width: 100%;
    height: 188px;
    overflow: hidden;
    position: relative;
}
#ScenicData .scenicGroom .groomList .listPic a{
    cursor: pointer;
}
#ScenicData .scenicGroom .groomList .listPic .picBox{
    width: 100%;
    height: 188px;
    overflow: hidden;
    margin: 0 auto;
}
#ScenicData .scenicGroom .groomList .listPic .picHover{
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/hover_bg.png");
    line-height: 40px;
}
#ScenicData .scenicGroom .groomList .listPic .picHover span{
    padding: 0 10px;
    color: #FFFFFF;
    font-size: 16px;
}
/*��������ScenicDetail.html ����*/


/*��������_���� ScenicDetail_guide.html */
#guideMap{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
#guideMap .mapBox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#guideMap .mapBox img{
    width: 100%;
}
#guideMap .mapButton{
    width: 52px;
    height: 56px;
    position: absolute;
    top:36px;
    right: 36px;
}
#guideMap .mapButton a{
    display: block;
    width: 100%;
    cursor: pointer;
}
#guideMap .mapButton img{
    display: block;
    width: 100%;
}
#guideMap .mapLocation{
    width: auto;
    height: auto;
    overflow: hidden;
}
#guideMap .mapLocation .locationIcon{
    width: 76px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    top:200px;
    left:780px;
}
#guideMap .mapLocation .locationIcon img{
    display: block;
    width: 100%;
}
#guideMap .mapLocation .locationPopup{
    width: auto;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
    padding: 16px;
    position: absolute;
    top:100px;
    left:340px;
}
#guideMap .mapLocation .locationPopup .popupPic{
    width: 70px;
    height: 70px;
    padding: 55px 151px;
    background: url("../images/wdGuideMap_img_jqgk.png") no-repeat;
    cursor: pointer;
}
#guideMap .mapLocation .locationPopup .popupPic img{
    display: block;
    width: 100%;
}
#guideMap .mapLocation .locationPopup .popupWord{
    width: 372px;
    height: auto;
    overflow: hidden;
    margin: 12px 0 0 0;
    color: #3d3d3d;
    font-size: 14px;
    line-height: 20px;
}
/*��������_���� ScenicDetail_guide.html ����*/

/*��������_��Ƶ�б� ScenicDetail_videoList.html*/
#videoBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
#videoBox .videoWindow{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#videoBox .videoWindow img{
    display: block;
    width: 100%;
}
#videoBox .guideButton{
    width: 132px;
    height: 44px;
    cursor: pointer;
}
#videoBox .guideButton img{
    display: block;
    width: 132px;
    height: 44px;
    position: absolute;
    top: 24px;
    right: 100px;
}

/*//��Ƶ�б�tab*/
#videoListBox { width:100%; margin:0 auto;  overflow: hidden;height: auto; }
#videoListBox ul.videoMenu{
    width: 484px;
    height: auto;
    overflow: hidden;
    margin: 40px auto 20px auto;
    border: 1px solid #ebebeb;
}
#videoListBox .videoIn2{
    float:left;
    width:120px;
    color:#00b7ee;
    height:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    font-size: 16px;
    border-right: 1px solid #ebebeb;
}
#videoListBox .videoIn2.videoIn{
    height: 40px;
    background:#00b7ee;
    color:#FFFFFF;
    border: 1px solid #00b7ee;
}
#videoListBox .videoCont2{
    width:100%;
    height: auto;
    display:none;
    margin: 0 auto;
}
/*//ע��������������������divΪ���ɼ��*/
#videoListBox .videoCont2.videoCont{ display:block;}
/*//ע����������ֻ�о���tabCont��div���ݲſɼ�*/

/*��Ƶtab�б�*/
.videoListTab .picScroll-left{ width:1164px;  overflow:hidden; position:relative;   }
.videoListTab .picScroll-left .hd{ overflow:hidden;width: 1114px;height:54px; padding:0 25px; position: absolute;top:44px; left: 0; }
.videoListTab .picScroll-left .hd .prev,.videoListTab .picScroll-left .hd .next{ display:block;  width:20px; height:54px; overflow:hidden;cursor:pointer;}
.videoListTab .picScroll-left .hd .prev{ background:url("../images/rBig.png") no-repeat; float: left;}
.videoListTab .picScroll-left .hd .next{ background:url("../images/lBig.png") no-repeat;float: right;}
.videoListTab .picScroll-left .bd{ padding:10px 72px; }
.videoListTab .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.videoListTab .picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; height: 142px;position: relative;padding: 5px; cursor: pointer;width: 174px;}
.videoListTab .picScroll-left .bd ul .liHover{background: #e1e1e1;}
.videoListTab .picScroll-left .bd ul li .pic img{ width:174px; height:118px; display:block; }
.videoListTab .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.videoListTab .picScroll-left .bd ul li .playButton{ width: 70px; height: 70px;position: absolute;left:52px;top:24px;}
.videoListTab .picScroll-left .bd ul li .playButton img{width: 100%;display: block}
.videoListTab .picScroll-left .bd ul li .title{ line-height:24px;width: 174px;height: 24px; color: #333333;font-size: 16px; }
.videoListTab .picScroll-left .bd ul li .title a{color: #333333; width: 174px;}


/*��������_��Ƶ�б� ScenicDetail_videoList.html ����*/

/*��������.html*/
#noticeDetail{
    width: 1104px;
    padding: 30px;
    height: auto;
    overflow: hidden;
    background: #fff;
}
#noticeDetail h1{
    width: 100%;
    margin: 0 auto;
    height: auto;
    line-height: 38px;
    overflow: hidden;
    font-size: 26px;
    color: #222222;
    text-align: center;
    font-weight: normal;
}
#noticeDetail .imgBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}
#noticeDetail .imgBox img{width: 100%;}
#noticeDetail .wordBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #060001;
    font-size: 16px;
    line-height: 24px;
    text-indent: 28px;
}
#noticeDetail .Signature{
    font-size: 14px;
    text-align: center;
}
/*��������.html ����*/

/*�����б�.html*/
#noticeBanner{width: 100%;height: auto;overflow: hidden;}
#noticeBanner img{width: 100%;}

#noticeList{width: 100%;height: auto;overflow: hidden; margin: 18px auto;}
#noticeList .listTitle{width: 100%;height: auto;overflow: hidden;background: #f5f5f5;}
#noticeList .listTitle li{height: 38px;line-height: 38px;border-right: 1px solid #ffffff;margin: 4px 0;padding: 0 26px;color: #444444;font-size: 14px;letter-spacing: 3px;cursor: pointer;}
#noticeList .listTitle .titleSelected{background: #ffffff;height: 42px;margin: 0;border-top: 4px solid #00b7ee;color: #00b7ee;}

#noticeList .listDetail{width: 100%;height: auto;overflow: hidden;background: #ffffff;padding: 12px 0;}
#noticeList .listDetail li{width: 1136px;height: 46px;padding: 18px 0;margin: 0 14px;overflow: hidden; font-size: 14px;border-bottom: 1px dashed #d3d3d3;}
#noticeList .listDetail li a{display: block;width: 100%;color: #222222;}
#noticeList .listDetail li a:hover{color: #ff9c00;}

#noticeList .listDetail li div.div1{width: 572px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 150px 0 0;}
#noticeList .listDetail li div.div1 .div1-p1{height: 23px;line-height: 23px;background: url("../images/noticeListbg.png") no-repeat left center;padding: 0 0 0 8px;}
#noticeList .listDetail li a div.div1 .div1-p2{height: 23px;line-height: 23px;color: #888888;padding: 0 0 0 8px;overflow: hidden;text-overflow: ellipsis;}

#noticeList .listDetail li div.div2{width: 200px;line-height: 46px;text-align: center;}

#noticeList .listDetail li div.div3{margin: 0 90px 0 60px;line-height: 46px;}







/*�����б�.html ����