/*--a-reset--*/
::-moz-selection{background:#008cd6;color:#fff;text-shadow:none;}
::selection{background:#008cd6;color:#fff;text-shadow:none;}
html{overflow-x:hidden;overflow-y:auto;color:#000;background:#fff;}
body{font-family:"Microsoft YaHei","tahoma";font-size:75%;-webkit-font-smoothing:antialiased;}
a{color:#000;text-decoration:none;cursor:pointer;outline:0 none;}
a:hover{color:#000;text-decoration:none;}
a:focus{-moz-outline-style:none;border:0px;}
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;}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;resize:none;padding:0;margin:0;}
b,em,i{display:inline-block;vertical-align:middle;font-weight:normal;font-style:normal;}
.cl:after { content:".";display:block;height:0;clear:both;visibility:hidden;} .cl{ zoom:1;}


/* vivo-head */
#vivo-head{z-index:1;position:relative;width:100%;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;}

#vivo-head{z-index:99;background:#fff;position:relative;}
#vivo-head .vivo-nav{z-index:999;}

.vivo-nav .search-user{float:right;height:60px;}
.search-user a{width:42px;height:42px;display:inline-block;margin-left:15px;position:relative;top:8px;border:1px #e7e7e7 solid;background:#fff;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{border:1px #f0855d solid;background:#f0855d;}
.search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:42px;height:42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#f0855d;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#f0855d;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}


#picarea{margin:40px auto 0 auto;width:100%;border:#d9e0ea 1px solid;padding:20px 0 0 0}

#bigpicarea{position:relative;margin:0px auto;width:100%;height:436px;overflow:hidden;}
.image{text-align:center}
.image img{border:#ececec 1px solid;margin:0px auto;}
#bigpicarea .word{text-align:center;height:50px;line-height:50px;background:#fff;color:#333;position:absolute;bottom:0px;left:0px;width:100%;}

#smallpicarea{margin:20px 0 0 0;border-top:#ececec 1px solid;padding-top:20px}
#thumbs{margin:0px auto;width:830px;height:85px;overflow:hidden;}
#thumbs li{margin:0px 7px;width:94px;display:inline;float:left;height:64px;overflow:hidden;}
#thumbs ul{margin-top:3px}
#thumbs li.last_img{margin-right:4px}
#thumbs li.first{margin:25px 10px 0px 15px;width:9px;height:16px;cursor:pointer}
#thumbs li.last{margin:25px 10px 0px 15px;width:9px;height:16px;cursor:pointer; float:right;}
#thumbs li a{border:#fff 2px solid;width:90px;display:block;font-size:0px;}
#thumbs li a:hover{border:#000 2px solid;}
#thumbs li a.current{border:#f8ae0f 2px solid;}

.bigbtnPrev{z-index:100;position:absolute;width:35px;height:51px;top:186px;cursor:pointer;left:30px}
.bigbtnNext{z-index:100;position:absolute;width:35px;height:51px;top:186px;cursor:pointer;right:30px}

#big_play_prev{background-image:url(../images/leftbig.png);width:35px;display:block;height:51px;_background:none;_filter:progid:DXImageTransform.Microsoft.alphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')}
#big_play_next{background-image:url(../images/rightbig.png);width:35px;display:block;height:51px;_background:none;_filter:progid:DXImageTransform.Microsoft.alphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')}







/*澶т簨璁皊tart*/
.event_box{width:65%;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:26px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	


.proall{ width:1280px; margin:0 auto;}

.proall ul li{width:300px; height:360px;border:1px solid #999; float:left; margin-left:15px; margin-top:15px; margin-bottom:15px;}

.proall ul li img{ width:300px; height:300px;}

.proall ul li a:hover{ background-color:#F90;}

.proall ul li p{ font-size:16px; padding-top:20px;}









@media only all and (max-width:850px){
	
	.proall ul li img{ width:300px; height:300px;}
	
	.proall ul li {
    width: 300px;
    height: 360px;
    border: 1px solid #999;
    float: none;
    margin-left: 35px;
    margin-top: 15px;
    margin-bottom: 15px;
}
	
#bigpicarea img { width:360px; height:220px;}
#bigpicarea { height:100%;}

#thumbs {
    margin: 0px auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.parBd h4 {

    font-size: 18px;

}

}