@charset "utf-8";

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%;
    vertical-align: baseline;
    background: transparent;
}
html，textarea{
    overflow: auto;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img,input,button { vertical-align: middle; }

body {
    font: 12px/1 "HelveticaNeue","Helvetica Neue",Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif;
    line-height: 1;
    color: #565656;
}
p { line-height: 1.5; }

a { color: #333; }
a:link,a:visited { text-decoration: none; }
a:hover,a:active { text-decoration: underline; }

a.blue, .blue, .blue a { color: #3E81D0!important; } 
a.orange, .orange, .orange a { color: #F60!important; }
a.grey, .grey, .grey a { color: #999!important; }
a.green, .green, .green a { color: #4C981A!important; }
a.deepblue, .deepblue, .deepblue a { color: #041A8A!important; }
a.red, .red, .red a { color: #F00!important; }

.clr   { overflow:hidden; zoom: 1; }
.clear { height: 1px; overflow: hidden; clear:both; }

.hide { display:none; }
.show { display:block; }
.line { text-decoration: underline!important; }
.center { text-align: center; }
.click { cursor:pointer; }
.left  { float: left; }
.right { float: right; }

.f12  { font-size: 12px; }
.f14  { font-size: 14px; }
.f16  { font-size: 16px; }
.bold { font-weight: bold; }

.m10  { margin: 10px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.p10  { padding: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }

.w50  { width: 50px; margin: 0 10px 0 0; background: #FFF; }
.w90  { width:90px!important; width: 82px; background: #FFF; }
.w125 { width: 125px;background: #FFF; }
.w222 { width: 222px; background: #FFF; }

.textleft { text-align: left; }
.textright { text-align: right; }

.photoleft { float: left; padding: 0 10px 10px 0; }
.photoright { float: right; padding: 0 0 10px 10px; }

.radius {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

#wrap {
    width: 1003px;
    margin: 0 auto;
}

#header {
    position: relative;
    width: 850px;
    height: 77px;
    margin: 0 auto;
}
    #logo {
        position: absolute;
        top: 30px;
        left: 0;
    }
        #logo a {
            display: block;
            width: 416px;
            height: 55px;
            background: transparent url('img/logo.gif') no-repeat;
        }
    #contact {
        position: absolute;
        top: 35px;
        right: 0;
    }
        #contact a {
            display: block;
            width: 162px;
            height: 55px;
            cursor: pointer;
            background: transparent url('img/contact.gif') no-repeat;
        }
        #logo a span, #contact a span {
            display: none;
        }

#main {
    width: 1002px;
    margin: 0 auto;
}
    #main_head {
        height: 114px;
        background: transparent url('img/main_head.jpg') center top no-repeat;
    }
        #menu {
            width: 840px;
            padding: 40px 0 0 0;
            margin: 0 auto;
            font-size: 14px;
            position: relative;
        }
            #menu a {
                color: #FFF;
                padding: 0 10px;
                font-weight: bold;
            }
            #menu a:hover, #menu a.menu_on {
                color: #000;
            }
            #menu a#menu_socialbtn {
                float: right;
                padding-right: 15px;
                background: transparent url('../images/social/1.gif') right 3px no-repeat;
				height:24px;
				display:block;
            }
            #menu_social {
                display: none;
                position: absolute;
                top: 60px;
                right: -20px;
                width: 115px;
                height: 160px;
				overflow:hidden;
                background: #FFF;
                z-index: 100;
                border: 5px solid #757575;
                -moz-border-radius: 5px;
                -khtml-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius:5px;
            }
                #menu_social ul {
                    padding: 10px 0 0 0;
                }
                #menu_social ul li {
                }
                .menu_sharethis {
                    border-top:2px solid #b7cf76;
                    margin:3px 10px 0;
                    padding:5px 0 0
                }

        #nav {
            width: 840px;
            height: 40px;
            margin: 0 auto;
        }
            .nav_title {
                float: left;
                width: 32px;
                height: 36px;
                line-height: 36px;
                padding: 10px 18px 0 10px;
				+padding-top:0px;
                font-weight: bold;
                font-size: 14px;
            }
            #nav_main {
                float: left;
                height: 36px;
                line-height: 36px;
            }
            .nav_arrow {
                float: left;
                width: 26px;
            }
            #nav_list {
                float: left;
                width: 668px;
                height: 36px;
                position: relative;
                overflow: hidden;
            }
                #nav_list ul {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 10000px;
                    height: 36px;
                }
                #nav_list li {
                    float: left;
                    width: 168px;
                    height: 36px;
                    line-height: 36px;
                    text-align: center;
                }


    #main_body {
        background: transparent url('img/main_body.jpg') center top repeat-y;
    }
    #main_foot {
        height: 98px;
        background: transparent url('img/main_foot.jpg') center bottom no-repeat;
    }

#content {
    width: 820px;
    margin: 0 auto;
    padding: 0;
}

#video {
}
    .video_item {
    }

.gallery {
    width: 750px;
    margin: 0 auto;
    padding: 0 0 0 20px;
}
    .gallery_title {
        padding: 15px 0 20px 46px;
        font-size: 16px;
    }
    .gallery_left {
        float: left;
        width: 40px;
        height: 366px;
        background: transparent url('img/arrow1.gif') no-repeat;
        cursor: pointer;
    }
    .gallery_middle {
        float: left;
        width: 642px;
        height: 366px;
        padding: 0 4px;
    }
        .gallery_middle_show {
            width: 642px;
            height: 304px;
            overflow: hidden;
            position: relative;
        }
            .gallery_middle_show ul {
                width: 10000px;
                height: 304px;
                position: absolute;
                top: 0;
                left: 0;
            }
            .gallery_middle_show li {
                float: left;
                width: 642px;
                height: 304px;
                text-align: center;
                position: relative;
            }
                .gallery_play {
                    display: block;
                    position: absolute;
                    top: 137px;
                    left: 305px;
                    width: 73px;
                    height: 73px;
                    z-index: 100;
                    background: transparent url('img/play.png') no-repeat;
                }
                    .gallery_play span {
                        display: none;
                    }
        .gallery_middle_nail {
            width: 642px;
            height: 63px;
            background: #dddcdc;
            clear: both;
        }
        .gallery_middle_list {
            width: 630px;
            height: 47px;
            padding: 8px 0 0 7px;
            overflow: hidden;
        }
            .gallery_middle_list ul {
                width: 10000px;
                height: 47px;
            }
            .gallery_middle_list li {
                float: left;
                padding: 0 2px;
            }
    .gallery_right {
        float: left;
        width: 40px;
        height: 366px;
        background: transparent url('img/arrow2.gif') no-repeat;
        cursor: pointer;
    }
    .gallery_text {
        width: 645px;
        height: 120px;
        padding: 30px 60px 20px 45px;
        clear: both;
        overflow: hidden;
        position: relative;
		line-height:1.4;
    }
  .gallery_text_left {
            padding: 0 330px 0 0;
        }
        .gallery_text_right {
            float: right;
            width: 306px;
        }
        .gallery_text ul {
            position: absolute;
            width:  10000em;
            top: 20px;
            left: 45px;
        }
        .gallery_text li {
            float: left;
            width: 620px;
            padding: 0 120px 0 10px;
            margin: 0;
            overflow: hidden;
        }

#footer {
}

#page {
    padding-top: 40px;
}
    #page p {
        line-height: 150%;
        padding: 2px 0;
    }

.page_title {
    font-size: 21px;
    color: #86b300;
    border-bottom: 1px solid #86b300;
    padding: 5px 0 10px 3px;
    margin: 0 0 5px 0;
}
    .page_title a {
        color: #86b300;
    }

.blog_title {
    font-size: 21px;
    color: #000;
    padding: 5px 0 8px 3px;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #f4f2f0;
}
    .blog_title a {
        color: #000;
    }

.blog_title2 {
    font-size: 15px;
    font-family: Tahoma,Arial,sans-serif;
    color: #666;
    text-align: right;
    padding: 5px 0 14px 3px;
    margin: 0 0 8px 0;
}
    .blog_title2 a {
        color: #666;
    }
    .blog_title2 img {
        padding: 0 3px0
    }

.blog_title3 {
    font-size: 14px;
    color: #000;
    padding: 5px 0;
    border-top: 1px solid #f4f2f0;
}
    .blog_title3 a {
        color: #000;
    }

#blog_main {
    float: left;
    width: 568px;
    padding: 5px 0 0 0;
}
#blog_side {
    float: right;
    width: 200px;
    padding: 5px 0 0 0;
    position:relative;
}

    .post {
        padding: 0px 20px;
    }
    .entry {
        clear: both;
        padding: 8px 0 0 0;
        border-bottom: 1px solid #f4f2f0;
    }
        .entry_left {
            float: left;
            width: 22%;
            line-height: 140%;
        }
        .entry_right {
            float: left;
            width: 77%;
        }
            .entry_right p {
                padding: 0 0 10px 0;
            }
        .entry_title {
            font-size: 16px;
            color: #000;
            padding: 5px 0;
        }
            .entry_title a {
                color: #000;
            }
        .entry_info {
            color: #b0d051;
        }
            .entry_info a {
                color: #b0d051;
            }

.blog_list {
    padding: 0 0 0 10px;
}
    .blog_list li {
        padding: 3px 0;
    }

#context {
    width: 825px;
    margin: 0 auto;
    overflow: hidden;
}

.pager {
    clear: both;
    padding: 25px 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}
    .pager_left {
    }
    .pager_right {
        float: right;
    }
    .pager a small {
        padding: 0 24px;
    }

.social_widget {
    padding: 10px 0px;
    text-align: right;
}
    .social_widget a {
        padding: 0 3px;
    }
    .social_widget a img {
        width: 20px;
    }

#comments_main {
    padding: 10px 0px;
}
    #comments_main h3 {
        border-bottom: 1px solid #999;
        padding: 5px 0;
        margin: 5px 0;
    }
    #comments_main p {
        padding: 0;
    }
    #comments_form {
        padding: 5px 0 0 5px;
    }
    #comments_form table {
    }
    #comments_form td {
        padding: 3px 5px;
    }
    #comments_form td span {
        display: block;
        width: 150px;
        padding: 0 0 5px 0;
    }
    .comments_input {
        border:2px solid #E8E8E8;
        height:34px;
        width:312px
    }
    .comments_area {
        border:2px solid #E8E8E8;
        height:94px;
        width:312px
    }
	.commentlist {
	    
	}
	    .commentlist li {
	        padding: 10px 0; 
			border-bottom:1px #ddd dashed;
	    }
            .comment-author {
			    font-weight: bold;
				float:left;
				width:60%;
			}
			.comment-meta {
			    float:right;
				width:40%;
				text-align:right;
				margin-top:10px;
			}
			    .comment-meta a {
				    color:#919191;
				}
			.commentlist p {
			    line-height:150%;
				padding:10px 0;
				clear:both;
			}
#lightbox {
    width: 684px;
    height: 408px;
    text-align: center;
    background: transparent url('img/lightbox.png') no-repeat;
    overflow: hidden;
}
    #lightbox_main {
        padding: 23px;
    }

#videobox {
    display: none;
}
    #videobox_overlay {
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #FFF;
        z-index: 10;
    }
    #videobox_main {
        position: absolute;
        top: 222px;
        left: 0;
        width:  100%;
        z-index: 20;
    }
        #videobox_iframeset {
            width: 684px;
            height: 408px;
            margin: 0 auto;
            position: relative;
        }
        #videobox_close {
            display: block;
            position: absolute;
            top: -5px;
            right: -5px;
            width: 36px;
            height: 36px;
            margin: 0 auto;
            background: transparent url('img/close.png') no-repeat;
        }
            #videobox_close span {
                display: none;
            }


#fplayer {
    display:block;
    width:638px;
    height:300px;
}

#cboxClose {
    width: 25px;
    height: 25px;
    text-indent: -1000em;
    background: transparent url('img/lightbox_close.png') no-repeat;
}

.cthe_widgets {

}
    .cthe_widgets div a {
        color: #538500;
    }
/* rss email
-----------------*/
.rss_box {
    width:200px;
    height:30px;
    background:url(img/rss_box.png) no-repeat;
    padding:3px 0 0 4px;
    position:absolute;
    top:30px;
    left:0;
    display:none;
}
    #rss_email {
        width:135px;
        height:18px;
        border:0;
        float:left;
        line-height:20px;
    }
    .rss_sumit {
        width:50px;
        height:30px;
        float:left;        
        text-indent:-999999px;
        display:block;
    }
	
/* hack 
--------------*/
.desc ul {
    position:static;
	
	width:306px;
}

.desc li {
    
	float:none;
	
	width:100%;
	
	background:url("../images/dot.gif") no-repeat scroll -5px 0 transparent;
	

}
.desc a {
	color: #0000EE;
}