#menu {padding:0; margin:0; height: 49px; line-height: 49px;font-family:'Microsoft YaHei'}
#menu li.top {display:block; float:left;}
#menu li a.top_link {display:block; float:left;color: #fff; font-size: 15px; font-weight: bold;}
#menu li a.top_link span {display:block;width: 140px; text-align: center;}
#menu li a.top_link span.down {float:left; display:block;}

#menu li a.top_link:hover {color:#fff; background: url(../../img/nav_bg.png) no-repeat;}
#menu li a.top_link:hover span {}
#menu li a.top_link:hover span.down {}


#menu li:hover {position:relative; z-index:200;}
#menu ul, 
#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover ul.sub
{ left:-3px; top:48px;padding:3px; background: #fff; background-image:-webkit-linear-gradient(to top, orange, white);
  background-image:linear-gradient(to top,orange,white);border:1px solid #E66A12; border-radius: 3px; -moz-box-shadow: 0px 0px 5px #f78e43; -webkit-box-shadow: 0px 0px 5px #f78e43;  white-space:nowrap; width:auto; height:auto; z-index:300;}
#menu li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:auto; font-weight:normal;}
#menu li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#c81818; text-decoration:none;}
#menu li ul.sub li a.fly
{background:url(arrow.gif) 120px 7px no-repeat;}
#menu li:hover ul.sub li a:hover 
{background:#f78e43; color:#fff;}
#menu li:hover ul.sub li a.fly:hover
{background:#f78e43 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;}

#menu li:hover ul li:hover > a.fly {background:#f78e43 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} 

#menu li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:130px; top:-4px; background: #fff; padding:3px; border:1px solid #E66A12; border-radius: 3px; -moz-box-shadow: 0px 0px 5px #f78e43; -webkit-box-shadow: 0px 0px 5px #f78e43;  white-space:nowrap; width:130px; z-index:400; height:auto;}

/*导航栏*/
/*.navigation { height: 49px; line-height: 49px; }
    .navigation a { display: inline-block; text-align: center; width: 136px; color: #fff; font-size: 15px; font-weight: bold; }
        .navigation a:hover, .navigation a.on { background: url(../img/nav_bg.png) no-repeat 0 center; text-decoration: none; }*/
/*
<link href="/Content/js/jquery.menu/menu.css" rel="stylesheet" />
        <script src="/Content/js/jquery.menu/menu.js"></script>
        <ul id="nav">
            <li class="top"><a href="#nogo1" class="top_link"><span>首页</span></a></li>
            <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">关于协会</span></a>
                <ul class="sub">
                    <li><a href="#nogo3" class="fly">Cameras</a>
                        <ul>
                            <li><a href="#nogo4">Nikon</a></li>
                            <li><a href="#nogo5">Minolta</a></li>
                            <li><a href="#nogo6">Pentax</a></li>
                        </ul>
                    </li>
                    <li class="mid"><a href="#nogo7" class="fly">Lenses</a>
                        <ul>
                            <li><a href="#nogo8">Wide Angle</a></li>
                            <li><a href="#nogo9">Standard</a></li>
                            <li><a href="#nogo10">Telephoto</a></li>
                            <li><a href="#nogo11" class="fly">Zoom</a>
                                <ul>
                                    <li><a href="#nogo12">35mm to 125mm</a></li>
                                    <li><a href="#nogo13">50mm to 250mm</a></li>
                                    <li><a href="#nogo14">125mm to 500mm</a></li>
                                </ul>
                            </li>
                            <li><a href="#nogo15">Mirror</a></li>
                            <li><a href="#nogo16" class="fly">Non standard</a>
                                <ul>
                                    <li><a href="#nogo17">Bayonet mount</a></li>
                                    <li><a href="#nogo18">Screw mount</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#nogo19">Flash Guns</a></li>
                    <li><a href="#nogo20">Tripods</a></li>
                    <li><a href="#nogo21">Filters</a></li>
                </ul>
            </li>
            <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">信息资讯</span></a>
                <ul class="sub">
                    <li><a href="#nogo23">Printing</a></li>
                    <li><a href="#nogo24">Photo Framing</a></li>
                    <li><a href="#nogo25">Retouching</a></li>
                    <li><a href="#nogo26">Archiving</a></li>
                </ul>
            </li>
            <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">会议会展</span></a>
                <ul class="sub">
                    <li><a href="#nogo28">Support</a></li>
                    <li><a href="#nogo29" class="fly">Sales</a>
                        <ul>
                            <li><a href="#nogo30">USA</a></li>
                            <li><a href="#nogo31">Canadian</a></li>
                            <li><a href="#nogo32">South American</a></li>
                            <li><a href="#nogo33" class="fly">European</a>
                                <ul>
                                    <li><a href="#nogo34" class="fly">British</a>
                                        <ul>
                                            <li><a href="#nogo35">London</a></li>
                                            <li><a href="#nogo36">Liverpool</a></li>
                                            <li><a href="#nogo37">Glasgow</a></li>
                                            <li><a href="#nogo38" class="fly">Bristol</a>
                                                <ul>
                                                    <li><a href="#nogo39">Redland</a></li>
                                                    <li><a href="#nogo40">Hanham</a></li>
                                                    <li><a href="#nogo41">Eastville</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#nogo42">Cardiff</a></li>
                                            <li><a href="#nogo43">Belfast</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#nogo44">French</a></li>
                                    <li><a href="#nogo45">German</a></li>
                                    <li><a href="#nogo46">Spanish</a></li>
                                </ul>
                            </li>
                            <li><a href="#nogo47">Australian</a></li>
                            <li><a href="#nogo48">Asian</a></li>
                        </ul>
                    </li>
                    <li><a href="#nogo49">Buying</a></li>
                    <li><a href="#nogo50">Photographers</a></li>
                    <li><a href="#nogo51">Stockist</a></li>
                    <li><a href="#nogo52">General</a></li>
                </ul>
            </li>
            <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">计量与标准</span></a>
                <ul class="sub">
                    <li><a href="#nogo54">Online</a></li>
                    <li><a href="#nogo55">Catalogue</a></li>
                    <li><a href="#nogo56">Mail Order</a></li>
                </ul>
            </li>
            <li class="top"><a href="#nogo57" id="privacy" class="top_link"><span>认定评审</span></a></li>
            <li class="top"><a href="#nogo57" id="privacy" class="top_link"><span>企业服务</span></a></li>
        </ul>
*/