@charset "gb2312";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,th,td,blockquote,p,pre,form,label,input,textarea,select,button,em,i,u,del,span,a,strong,b{margin:0;padding:0;word-break:break-all}
body{font:12px/1.5 Helvetica,Tahoma,Arial,"Microsoft YaHei";color:#333;background:#efefef}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,pre{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
i,em{font-style:normal}
img{border:0;vertical-align:middle}
a{color:#333;text-decoration:none}
.gray,.gray a{color:#999}
a:hover,a.gray:hover,.gray a:hover{color:#0078dc;text-decoration:underline}
.blue{color:#0078dc}
.fleft{float:left}
.fright{float:right}
.clearfix{zoom:1}
.clearfix:after{content:".";height:0;line-height:0;font-size:0;clear:both;display:block;visibility:hidden}
.auto{width:1200px;margin-left:auto;margin-right:auto}
.mt15{margin-top:0px}
.mt20{margin-top:10px}
.mt30{margin-top:30px}
.layout{background:#fff}
.layout_hd{height:42px;line-height:30px;padding:8px 15px 2px; }
.layout_hd h2{float:left;font-size:16px;font-weight:700;}
.layout_hd_r{float:right;font-size:14px;color:#666}
.layout_hd_r a{margin-left:5px;color:#666}
.layout_hd_r a:first-of-type{margin-left:0}
.layout_hd_r a:hover{color:#0078dc}
.aside_tab{float:right;display:inline;margin:0 5px 0 0;}
.aside_tab li{float:left;display:inline;width:32px;height:26px;line-height:26px;margin-left:5px;text-align:center;border:1px solid #e1e1e1;border-radius:3px 3px 0 0;cursor:pointer}
.aside_tab li:first-child{margin-left:0}
.aside_tab li.active{color:#0096fa;border-color:#0096fa}


.text_list li { height: 40px; width: 260px; background: #DDDDDF; float: left; margin-left: 1px;  margin-top: 1px; overflow: hidden }
.text_list li a{width:260px; height:40px; padding-left:30px; overflow:hidden; display:inline-block; line-height:40px; font-size:16px; margin:0px auto; text-align: left; float:left; }
.text_list li a:hover{ background-color:#1487E6;color:#fff; text-decoration:none;no-repeat 0 0 }




.page ul li a,.page ul li span,.nav_bd li a,.spentool,.list_menu a,.thum_article_list .pic,.pic_list li,.picshow_third li a,.article_btn a{-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}

.main{margin:20px auto}

.mainright{float:right;width:885px}
.mainleft{float:left;width:300px}

.location{height:30px;line-height:30px;margin-top:20px;font-size:14px}

.page{margin:20px 20px 0;text-align:center}
.page ul{display:inline-block;zoom:1;*display:inline}
.page ul li{float:left;display:inline;margin:0 4px}
.page ul li a,.page ul li span{display:inline-block;height:33px;line-height:33px;padding:0 15px;font-size:14px;background:#fff;border:1px solid #d7d7d7;border-radius:3px}
.page ul li a:hover{border-color:#0096fa;text-decoration:none}
.page ul li .active{color:#fff;background:#0096fa;border-color:#0096fa}
.page ul li .pageinfo{height:35px;line-height:35px;padding:0 0 0 10px;color:#666;background:none;border:none}

.header{height:85px}
.header_c{float:left;width:500px}
.header_r{float:right;width:410px;padding:5px 0 15px}
.logo{float:left;width:574px;height:46px;margin-top:25px;background:url(../images/logo.png) no-repeat center center;text-indent:-9999px;overflow:hidden}
.top_nav{float:right;height:20px;line-height:20px}
.top_nav .v_line{padding:0 5px}
.top-banerc{ width:263px; height:35px;margin-top:10px; float:right; }


.nav{min-width:1200px;background:#394657}
.nav_bd{height:45px;position:relative}
.nav_bd li{float:left;width:126px;height:45px}
.nav_bd li a,.nav_bd li .one{display:block;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;position:relative}
.nav_bd li .one:hover,.nav_bd li.active .one{color:#fff;text-decoration:none;background:#2e90f3;}
.nav_bd li.open .drop_menu{display:none;width:1180px;padding:10px 10px 15px;background:#fff;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);position:absolute;left:0;top:45px;z-index:20}
.nav_bd li.open .drop_menu a{float:left;width:90px;height:30px;line-height:30px;margin:5px 5px 0;text-align:center;font-size:14px;color:#333;white-space:nowrap;border:1px solid #fff;border-radius:3px}
.nav_bd li.open .drop_menu a:hover{color:#0078dc;text-decoration:none;border-color:#0078dc}
.nav_bd li.open .drop_menu .v_line{float:left;width:0;height:16px;margin:12px 5px 0;border-left:1px solid #e1e1e1}
.nav_bd li.design_item .drop_menu a{width:108px}
.nav_bd li.hot a i,.nav_bd li.hot .one i{width:22px;height:17px;background:url(../images/hot.gif) no-repeat 0 0;position:absolute;right:5px;top:3px;z-index:10}

.footer{min-width:1200px;background:#394657;border-top:8px solid #1487e6}
.footer_bd{padding:25px 0;line-height:25px;color:#969696}
.footer_bd h3{margin-bottom:10px;font-size:14px;color:#f5f5f5}
.footer_bd a,.footer_bd a:hover{color:#969696}
.footer_bd .weixin_pic{width:200px}
.footer_bd .about_us,.footer_bd .contact_us,.footer_bd .attention_us{width:150px}
.footer_bd .weixin_pic p{padding-top:8px}
.footer_bd .weixin_pic img{width:110px}
.footer_bd .copyright{width:600px}
.footer_bd .copyright p{padding:2px 0 3px;line-height:20px}
.footer_bd .attention_us li{width:114px;padding-left:21px}
.footer_bd .attention_us li.weibo{background:url(../images/sina.gif) no-repeat left center}
.footer_bd .attention_us li.t_qq{background:url(../images/qq.gif) no-repeat left center}
.footer_bd .attention_us li.huaban{background:url(../images/huaban.gif) no-repeat left center}
.footer_bd .attention_us li.t_qzone{height:30px;padding:5px 0 0;overflow:hidden}

.spentool{width:50px;height:50px;position:fixed;_position:absolute;right:20px;cursor:pointer;z-index:999}
.spentool:hover{background-color:#0078dc}
.wxqrcode{background:#464646 url(../images/qrcode.png) no-repeat center center;bottom:100px}
.wxqrcode i{display:none;width:134px;height:156px;background:url(../images/wxqrcode1.png) no-repeat;position:absolute;left:-134px;top:-5px}
.gobacktop{display:none;background:#464646 url(../images/backtop.png) no-repeat center center;bottom:45px}

.slideshow{width:448px;height:472px;background:#fff;position:relative}
.slideshow .slide_con{width:100%;height:248px;position:relative;overflow:hidden}
.slideshow .slide_con a{display:block;width:448px;height:248px;color:#fff;position:relative}
.slideshow .slide_con a:hover{color:#50b9ff;text-decoration:none}
.slideshow .slide_con img{width:100%;height:100%}
.slideshow .slide_con .txt{width:428px;height:30px;line-height:30px;position:absolute;left:10px;bottom:0;z-index:2;cursor:pointer;overflow:hidden}
.slideshow .slide_con .bg{width:448px;height:30px;background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;bottom:0;z-index:1;cursor:pointer}
.slideshow .slide_tab{height:173px;background:#fff}
.slideshow .slide_tab li{float:left;display:inline;width:436px;height:167px; padding:5px; margin-left:5px;cursor:pointer;position:relative;z-index:10}

.slideshow .slide_tab .active{background:#2da5d7}
.slideshow .slide_tab .active i{width:7px;height:4px;background:url(images/triangle1.png);position:absolute;left:43px;top:-4px;overflow:hidden}
.slideshow .slide_prev,.slideshow .slide_next{width:45px;height:45px;background:url(images/arrow1.png) no-repeat;opacity:0.35;filter:alpha(opacity=35);cursor:pointer;text-indent:-9999px;position:absolute;top:150px;z-index:15;overflow:hidden}
.slideshow .slide_prev{background-position:0 0;left:0}
.slideshow .slide_next{background-position:-45px 0;right:0}

.news{width:452px;height:472px;margin-left:10px;display:inline}
.news dl{padding:10px 15px}
.news dl dt{padding-bottom:10px;margin-bottom:6px;border-bottom:1px dashed #e1e1e1}
.news dl dt h1{height:30px;line-height:30px;text-align:center;font-size:16px;overflow:hidden}
.news dl dt h1 a{color:#f00}
.news dl dt p{height:40px;line-height:20px;margin-top:5px;color:#666;overflow:hidden}
.news dl dd{height:30px;line-height:30px;font-size:14px}
.news dl dd .title{float:left;width:400px;height:30px;overflow:hidden}

.ranking{width:280px;height:472px}
.ranking_tab li{width:40px}
.ranking_tabcon ul{padding:3px 15px}
.ranking_tabcon ul li { height: 40px; width: 250px; background: #DDDDDF; float: left; margin-left: 1px;  margin-top: 1px; overflow: hidden }
.ranking_tabcon ul li a{width:250px; height:40px; padding-left:20px; overflow:hidden; display:inline-block; line-height:40px; font-size:16px; margin:0px auto; text-align: left; float:left; }
.ranking_tabcon ul li a:hover{ background-color:#1487E6;color:#fff; text-decoration:none;no-repeat 0 0 }


.gallery{padding:10px}
.gallery li{float:left;width:220px;padding:8px}
.gallery li .pic{display:block;height:176px;position:relative;overflow:hidden}
.gallery li .pic img{position:absolute;left:0;top:0}
.gallery li p{height:20px;line-height:20px;overflow:hidden}
.gallery li .title{margin-top:5px; text-align:center;font-size:14px}
.gallery li .info{margin-top:2px}
.gallery li .vline{padding:0 5px}

.tutorial_tab{float:left;display:inline}
.tutorial_tab li{float:left;display:inline;width:90px;height:28px;line-height:28px;margin-left:5px;text-align:center;font-size:16px;border:1px solid #fff;border-radius:30px;cursor:pointer}
.tutorial_tab li:first-child{margin-left:0}
.tutorial_tab li.active{color:#0096fa;border-color:#0096fa}
.tutorial_tabcon{padding:18px 10px}
.tutorial_pic{width:1176px;margin:0 auto}
.tutorial_pic li{float:left;display:inline;width:180px;height:181px;padding:0 8px}
.tutorial_pic li .pic{display:block;height:136px;overflow:hidden}
.tutorial_pic li img{width:100%}
.tutorial_pic li p{height:40px;line-height:20px;margin-top:5px;font-size:14px;overflow:hidden}
.tutorial_text{width:1160px;margin:0 auto;overflow:hidden}
.tutorial_text ul{width:1190px;margin-left:-30px}
.tutorial_text ul li{float:left;display:inline;width:350px;margin-left:30px}
.tutorial_dashed{width:1160px;height:0;line-height:0;font-size:0;margin:20px auto 10px;border-top:1px dashed #e1e1e1;overflow:hidden}
.moretutorial{width:1160px;margin:15px auto 0}
.moretutorial a{display:block;height:35px;line-height:35px;background:#fafafa;border:1px dashed #e1e1e1;text-align:center;font-size:14px;color:#999;border-radius:2px}
.moretutorial a:hover{color:#0078dc}

.flink{padding:10px 10px 15px}
.flink li{float:left;height:20px;line-height:20px;padding:5px;white-space:nowrap;font-size:14px}

.list_menu{padding:10px 15px}
.list_menu a{float:left;height:35px;line-height:35px;padding:0 10px;margin:10px 5px 0;font-size:14px;white-space:nowrap;background:#fff;border:1px solid #0078dc;border-radius:3px}
.list_menu a:hover,.list_menu a.hover{background:#0078dc;color:#fff;text-decoration:none}

.list_bd{min-height:1600px;padding:0 0 30px}
.keyword{color:#f00}
.thum_article_list{width:100%;overflow:hidden}
.thum_article_list ul{padding:0 20px;margin-bottom:-1px}
.thum_article_list li{padding:20px 0;vertical-align:middle;border-bottom:1px dashed #e1e1e1}
.thum_article_list .pic{float:left;width:220px;height:176px;text-align:center;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.thum_article_list .pic:hover{border-color:#0096fa}
.thum_article_list .pic img{position:absolute;left:0;top:0}
.thum_article_list .text{float:right;display:inline;width:603px;line-height:24px;font-size:14px;}
.thum_article_list p{margin-top:5px}
.thum_article_list .title{height:30px;line-height:30px;font-size:16px;font-weight:normal;overflow:hidden;border-bottom:1px dashed #FF7620}
.thum_article_list .publish{color:#999;}


.publish ul{display:inline-block;zoom:1;*display:inline}
.publish ul { margin-top:15px;}
.publish ul a{display:inline-block;height:28px;line-height:28px;padding:0 15px;font-size:14px;background:#fff;border:1px solid #FF762C;border-radius:3px; }
.publish ul a:hover{border-color:#0096fa;text-decoration:none}

.thum_article_list .ml{margin-left:15px}

.pic_list{width:100%}
.pic_list ul{width:1220px;margin:-20px 0 0 -20px;position:relative}
.pic_list li{float:left;width:224px;margin:20px 0 0 20px;background:#fff;border-radius:3px;overflow:hidden}
.pic_list li.hover{box-shadow:0 1px 10px rgba(0,0,0,.2)}
.pic_list li .pic{display:block;text-align:center;overflow:hidden}
.pic_list li .pic img{max-width:100%;height:auto}
.pic_list li .text{line-height:20px;padding:8px 10px;}
.pic_list li .text .title{font-size:14px;text-align:center;}
.pic_list li .text .info{margin-top:5px}
.pic_list li .text .vline{padding:0 5px}
.ie_pic_list li .pic{height:169px}
.ie_pic_list li .text p{height:20px}
.ie_pic_list li .text .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.article_con{padding:20px 0}
.article_con h1{margin:0 35px;line-height:35px;text-align:center;font-size:22px;font-weight:normal}
.article_info{height:25px;margin:15px 20px 0;text-align:center}
.article_info ul{display:inline-block;zoom:1;*display:inline}
.article_info li{float:left;height:25px;line-height:25px;margin:0 8px;color:#999}
.article_info li.bdshareto{margin-right:0}
.article_info li.bdshare{margin-left:0}
.article_info li .bdshare-button-style0-16 a{margin:5px 6px 5px 0}
.article_bd{width:815px;margin:15px auto 0;line-height:20px;font-size:14px;overflow:hidden}
.article_bd table{min-width:80%;max-width:100%;margin:10px auto}
.article_bd table th,.article_bd table td{padding:8px;border:1px solid #e1e1e1}
.article_bd p{padding:10px 0}
.article_bd p img{margin-bottom:5px}
.article_bd a{color:#0078dc}
.article_bd a.keylink{text-decoration:underline}
.article_bd img{max-width:775px}
.images_intro{margin:15px auto}
.images_intro p{text-indent:2em}
.article_tags{height:30px;line-height:30px;margin:20px 20px 0;font-size:14px;color:#999;overflow:hidden}
.article_tags a{color:#0078dc;margin-right:10px}
.article_pn{height:30px;padding:20px 0 0;margin:20px 20px 0;border-top:1px dashed #e1e1e1}
.article_pn li{width:45%;height:30px;line-height:30px;font-size:14px;color:#999;overflow:hidden}
.article_pn li.prev{float:left}
.article_pn li.next{float:right;text-align:right}

.follow_mp{width:466px;margin:30px auto}
.follow_mp img{width:100%}
.follow_mp p{display:none;line-height:25px;text-align:center;font-size:16px;color:#0082ff}

.article_btn{width:64px;height:64px;margin-top:-32px;position:fixed;_position:absolute;top:50%;z-index:999;display:none}
.article_btn a,.article_btn span{display:block;width:100%;height:100%;background:#464646 url(../images/arrow2.png) no-repeat center center;text-indent:-9999px;border-radius:100%;overflow:hidden}
.article_btn a:hover{background-color:#0078dc}
.article_btn span{background-color:#ccc}
.prev_arrow{left:10px}
.next_arrow{right:10px}
.prev_arrow a,.prev_arrow span{background-position:0 0}
.next_arrow a,.next_arrow span{background-position:-64px 0}

.picshow_first{width:815px;margin:10px auto 0;overflow:hidden}
.picshow_first li{padding:10px 0;text-align:center}
.picshow_first li img{max-width:775px;height:auto}
.picshow_second{width:815px;margin:25px auto 0;text-align:center;position:relative}
.picshow_second img{max-width:775px;height:auto}
.picshow_second .vieworiginal{display:none;width:70px;height:26px;line-height:26px;text-align:center;background:url(../images/blue_bg.png);color:#fff;border-radius:2px;position:absolute}
.picshow_second .vieworiginal:hover{text-decoration:none}
.picshow_second .picinfo{height:20px;line-height:20px;margin-top:10px;color:#999}
.picshow_second .picsize{margin-left:15px}
.picshow_third{width:816px;margin:10px auto 0}
.picshow_third li{float:left;display:inline;width:188px;height:120px;margin:16px 8px 0}
.picshow_third li a{display:block;height:112px;padding:3px;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.picshow_third li a:hover{border-color:#d2d2d2}
.picshow_third li img{max-width:180px;max-height:112px;position:absolute;left:3px;top:3px}
.picshow_small{width:816px;margin:15px auto 0}
.picshow_small li{float:left;display:inline;width:186px;height:186px;margin:16px 8px 0;border:1px solid #e1e1e1;position:relative;overflow:hidden}
.picshow_small li img{max-width:180px;max-height:180px;position:absolute;left:0;top:0}

.likebtn{width:98px;height:98px;margin:20px auto 0;background:url(../images/like_bg.png) no-repeat 0 0;text-align:center;cursor:default;overflow:hidden}
.likebtn .num{line-height:25px;margin-top:50px;color:#fff;font-size:14px;cursor:default}

.works_cr{width:775px;padding:15px;margin:30px auto;line-height:24px;font-size:14px;color:#f00;border:1px dashed #e1e1e1;border-radius:5px}
.works_cr .writername{color:#666}

.picrecom_tab li{width:45px; margin:2px;}
.right_pic_list{padding:8px}
.right_pic_list li{float:left;width:126px;height:122px;padding:8px}
.right_pic_list li img{width:126px;height:95px}
.right_pic_list li p{height:22px;line-height:22px;margin-top:5px;text-align:center;font-size:14px;overflow:hidden}
.right_article_list{padding:5px 16px 12px}

.tags{padding:10px 10px 15px}
.tags li{float:left;padding:5px}
.tags li a{display:block;height:28px;line-height:28px;padding:0 8px;text-align:center;font-size:14px;white-space:nowrap;border:1px solid #d7d7d7;border-radius:3px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}
.tags li a:hover{color:#0078dc;border-color:#0078dc;text-decoration:none}

.comment{padding:0 15px 15px}
.article_bdshare{margin:0 -6px 0 0}

.mqrcode{width:110px;position:fixed;_position:absolute;left:50%;top:200px;margin-left:620px;z-index:999}
.mqrcode .pic{border:5px solid #fff}
.mqrcode .pic canvas{width:100%}
.mqrcode .tips{line-height:20px;margin-top:5px;text-align:center;color:#666}

.photo_show{padding:10px;background:#fff}
.photo_show img{width:100%}
.photo_title{margin-top:15px;line-height:30px;text-align:center;font-size:18px;font-weight:normal}
.photo_title .picsize{margin-left:15px}
.photo_page{margin-top:15px;text-align:center}
.photo_page a,.photo_page span{display:inline-block;width:78px;height:31px;line-height:31px;margin:0 5px;text-align:center;background-color:#fff;border:1px solid #0078dc;border-radius:3px}
.photo_page .gray{border-color:#d7d7d7}
.photo_page a.prev,.photo_page a.next{background-image:url(../images/triangle2.png);background-repeat:no-repeat;text-align:left}
.photo_page a.prev{width:52px;padding-left:26px;background-position:15px -13px}
.photo_page a.next{width:62px;padding-left:16px;background-position:58px 11px}
.photo_page a:hover{background-color:#0078dc;text-decoration:none;color:#fff}
.photo_page a.prev:hover{background-position:15px -61px}
.photo_page a.next:hover{background-position:58px -37px}
.photo_notes{margin-top:10px;line-height:25px;text-align:center;color:#ff0000}
.photo_tj{padding:10px}
.photo_tj li{float:left;width:220px;height:185px;padding:8px}
.photo_tj li img{width:220px;height:138px}
.photo_tj li p{height:20px;line-height:20px;overflow:hidden}
.photo_tj li .title{margin-top:5px;font-size:14px}
.photo_tj li .info{margin-top:2px}
.photo_tj li .vline{padding:0 5px}

.service{margin-top:15px;margin-bottom:15px;background:#eee}
.serviceleft{width:200px}
.serviceright{width:1000px;min-height:600px;background:#fff}
.servicemenu li{height:45px;border-bottom:1px solid #e1e1e1}
.servicemenu li a{display:block;height:45px;line-height:45px;padding-left:30px;font-size:16px}
.servicemenu li a:hover{text-decoration:none}
.servicemenu li.selected a{padding-left:27px;border-left:3px solid #1487e6;background:#ffffff url(../images/triangle3.png) no-repeat 90% center;color:#0078dc}
.service_hd{height:45px;line-height:45px;padding:0 20px;border-bottom:1px solid #f0f0f0;font-size:16px}
.service_con{padding:20px 20px 35px;line-height:24px;font-size:14px}
.service_con p{padding:5px 0}
.qqgroup td{height:35px;padding:0 5px;border:1px solid #f2f2f2}
.flink_list{width:100%;overflow:hidden}
.flink_pic,.flink_text{margin-left:-15px}
.flink_pic{display:none}
.flink_pic li{width:88px;height:31px;float:left;display:inline;margin-left:15px}
.flink_text li{float:left;padding:5px 0 5px 15px;white-space:nowrap}
.flink_qq{margin-top:45px}
.message{margin-bottom:25px}
.links_list h3{height:35px;line-height:35px;border-bottom:1px dashed #e1e1e1;font-size:14px}
.links_list h3 a{color:#0078dc}
.links_list ul{padding:10px 0 15px}
.links_list ul li{float:left;display:inline;padding:6px 12px 6px 0;white-space:nowrap}
.tags_list h3{height:30px;line-height:30px;padding:0 5px;font-size:14px;color:#0078dc}
.tags_list .tags{padding:5px 0 15px}

.error_main{height:600px;background:#fff url(../images/404.jpg) no-repeat center center}

.hz1{padding:10px 0;background:#fff}
.hz1 .bd{width:1200px;margin:0 auto}
.hz1 .l{float:left}
.hz1 .r{float:right}
.hz2,.hz3{width:1200px;margin:15px auto;text-align:center}
.natives{width:1198px;height:155px;margin:15px auto;position:relative;background:#fff;border:1px solid #eee;display:none}
.natives .l{width:856px;position:absolute;top:0;left:2px;z-index:2}
.natives .r{width:352px;position:absolute;top:0;right:2px;z-index:1}
.pic_list li.pic_list_hz{height:384px}
.pic_list li.pic_list_hz>div{margin:-14px -6px 0}
.list_left_hz1{margin:0 5px}
.list_left_hz2{margin:20px 0 30px;text-align:center}
.article_left_hz2{margin:20px 0;text-align:center}
.article_left_hz3{margin:30px 0;text-align:center}
.article_left_hz4,.article_left_hz6,.article_right_hz2,.article_right_hz5,.hz3,#feedAv .cont-head-gw,#feedAv .cont-msg-gw,#MZAD_POP_PLACEHOLDER{display:none!important}
#feedAv{padding:0!important;border:none!important}

.spen_hz{display:none;margin:-150px 0 0 -150px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.35);border-radius:5px;position:fixed;left:50%;top:50%;z-index:9999}
.spen_hz .close{width:20px;height:20px;text-indent:-9999px;background:url(../images/close1.png) no-repeat 0 -20px;position:absolute;right:-10px;top:-10px;z-index:10;cursor:pointer;overflow:hidden}
.spen_hz .close.hover{background-position:0 0}
.spen_hz img{width:100%;border-radius:5px}
.spen_hz p{line-height:20px;text-align:center;font-size:16px;color:#0082ff}




/* flexslider */
.flexslider{position:relative;height:410px; margin-top:10px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:410px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}


.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}