/*CSS通用重置样式*/
*{word-break:break-all;font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {line-height:1.5;font-size:12px;color:#333;background:#FFF;width:100%; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
img{vertical-align:middle;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1200px;}
.fontArial{font-family:Arial,Helvetica,sans-serif;}
*html{background-image:url(about:blank);background-attachment:fixed;/*修正IE6振动bug*/}
body{}
input:focus,textarea:focus,selects:focus{border-color:#f79227 !important;outline:0;box-shadow:0 0 2px #f79227;}
#main{padding-bottom:20px;background:#fff;}
.noneBox{font-size:14px;color:#999; padding:20px;}
/*float-left,float-right*/
.fl{float: left;}
.fr{float: right;}


/*页头*/
#header {width:100%;height:auto;background:#fff;}
#header .shortCut{height:38px; border-bottom: 1px solid #dfdfdf; line-height:38px; background: #f4f4f4;}
#header .shortCut .fl li{float: left;padding-right: 10px;}
#header .shortCut .fl li a{padding-right: 10px;border-right: 1px solid #efefef;}
#header .shortCut .fr li{float: left;}
#header .shortCut .fr li .user{color: #f90;padding-left: 2px;}
#header .shortCut .fr li a{color: #f60;padding-left: 10px;margin-left: 10px;border-left: 1px solid #dfdfdf;}
#header .shortCut .fr li a:hover{text-decoration: underline;}
#header .headShopInfo{padding: 20px 0;height: 60px;position: relative;}
#header .pop{background: url(../images/pop.png) no-repeat 0px 10px;padding-left: 20px;float: left;color: #666;margin-right:20px;}
#header .pop i{/*color: #f60;*/}
#header .shortCut .fr ul{float: left;}

/*头部Logo显示*/
.shopLogo{position: relative;}
.shopLogo .headLogo{background: url(../images/logoline.png) no-repeat right 50%;float: left;padding-right: 12px;margin-right: 12px;height: 60px;}
.shopLogo .SupplierName{float: left;padding: 0;}
.shopLogo .SupplierName h1{color: #E87F1F;font-size: 18px;font-weight: bold;padding-bottom: 8px;}
.shopLogo .SupplierName .sign{color: #59A500;font-size: 12px;}
.shopLogo .SupplierName .sign span{float: left;margin-right: 5px;position: relative;}
.shopLogo .SupplierName .sign span .icon{background: url(../images/icon_sign.png) no-repeat;display: inline-block;height: 20px;width: 20px;}
.shopLogo .SupplierName .sign #xkz{}
.shopLogo .SupplierName .sign #xkz .icon{ background-position:0 0;}
.shopLogo .SupplierName .sign #kxrz .icon{ background-position:-20px 0;}
.shopLogo .SupplierName .sign #kxrz .icon.no{ background-position:-118px 0;}
.shopLogo .SupplierName .sign #other .icon{ background-position:-40px 0;}
.shopLogo .SupplierName .sign #ppzy .icon{ width:58px; background-position:-60px 0;}
.shopLogo .SupplierName .sign #ppzy .hideBox i.ico{ left:40px;}
.shopLogo .SupplierName .sign .hover .hideBox{display: block;}
.shopLogo .SupplierName .sign #bzj .icon{background-position: -158px 0;}
.shopLogo .SupplierName .sign #bzj .icon.no{background-position: -178px 0;}
.sign .hideBox{display: none;background: #fff;border: 1px solid #ccc;border-radius: 3px;color:#333;left: -20px;padding: 15px 20px;position: absolute;text-align: left;top: 27px;width: 340px;z-index: 10001;}
.sign .hideBox .ico{position:absolute; top:-7px; left:22px; width:60px; height:8px; background:url(../images/arrowtop1.png) no-repeat 0 0; overflow:hidden;}
.sign .hideBox strong{ display:block; padding-bottom:10px; font-size:14px; color:#f60;}
.sign .hideBox a.more{ float:right; color:#2b7cc7;}
.sign .hideBox a.more:hover{ color:#f60;}
.sign .hideBox p{ line-height:30px;}
.sign .hideBox p a{color:#2b7cc7; font-family:Verdana;}
.sign .hideBox p a:hover{ color:#f60;}
.sign .hideBox dl{ clear:both; display:block; color:#666; padding:1px 0; line-height:23px;}
.sign .hideBox dt{ width:85px; float:left; text-align:right;}
.sign .hideBox dd{ width:255px; float:left;}
.sign .hideBox dd i.wp{ display:inline-block; width:24px; float:left; height:23px; background:url(../images/icon_sign.png) no-repeat 0 -57px;}
.sign .hideBox dd a{ color:#2b7cc7; font-family:Verdana;}
.sign .hideBox dd a:hover{ color:#f60;}
.sign .hideBox dd.server span{ width:90px; float:left; padding:3px 0; margin-right:5px; line-height:14px; border:1px solid #ffde27; text-align:center; background:#fffbe3;}
.sign .hideBox dd .tip{ padding:5px; line-height:16px; border:1px solid #e5e5e5; background:#fbfbfb;}
.sign .hideBox span.jb{ float:right; padding-top:4px;}
.sign .hideBox span.jb a{ color:#2B7CC7;}
.sign .hideBox span.jb a:hover{ color:#f60;}
.sign .hideBox .rz_con{ border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;overflow: hidden;padding: 0 0 15px;width: 340px;}
.sign .hideBox .rz_con ul{}
.sign .hideBox .rz_con li{ width:68px; float:left; text-align:center; color:#666;}
.sign .hideBox .rz_con li a{ color:#2b7cc7;}
.sign .hideBox .rz_con li a:hover{ color:#f60;}
.sign .hideBox .rz_con li i{ display:block; width:33px; height:33px; margin-left:18px; background:url(../images/icon_sign.png) no-repeat;}
.sign .hideBox .rz_con li i.smyz{ background-position:0 -20px;}
.sign .hideBox .rz_con li i.no_smyz{ background-position:-156px -20px;}
.sign .hideBox .rz_con li i.yyzz{ background-position:-33px -20px;}
.sign .hideBox .rz_con li i.no_yyzz{ background-position:-189px -20px;}
.sign .hideBox .rz_con li i.jyxkz{ width:32px; background-position:-66px -23px;} 
.sign .hideBox .rz_con li i.no_jyxkz{ width:32px; background-position:-222px -23px;}
.sign .hideBox .rz_con li i.lxs5a{ width:29px; margin-left:20px; background-position:-127px -23px;}
.travelDetail{background: #f9f9f9;width: 340px;position: relative;}
.travelDetail .travelInfo{background: #fff;color: #333945;font-size: 12px;line-height: 22px;}
.travelDetail .travelInfo .fl{width: 110px;text-align: right;}
.travelDetail .travelInfo .s-sil{width: 220px;color: #7d7d7d;text-align: left;padding-left: 5px;}
.travelDetail .travelInfo .icon_qq{background: url(../images/ico-ban-pt.png) no-repeat scroll 0 -98px;margin-right: 5px;padding: 4px 5px 4px 27px;}
.travelDetail .travelBut{border-top: 1px solid #e5e5e5;margin-top: 15px;}
.travelDetail .travelBut .butBox{background: #fff;color: #333945;font-size: 12px;line-height: 23px;padding: 15px 25px 0;}
.travelDetail .travelBut .butBox a{text-decoration: none;background: #e33336;border-radius: 13px;color: #fff;margin-right: 10px;padding: 3px 15px;}
.travelDetail .travelBut .butBox a.blu{background-color: #8da9d8;}
.travelDetail .travelBut .butBox a:hover{background-color: #fc393d;}
.travelDetail .travelBut .butBox a.blu:hover{background-color: #99b7ea;}


/*头部搜索*/
.shopSearch{padding-top: 10px;position: absolute;right: 181px;top: 20px;width: 255px;}
.shopSearch .sform{border:2px solid #f28203;height: 36px;margin-bottom: 3px;position: relative;width: 429px;z-index:300;}
.shopSearch .sform .s li{float: left;height: 36px;overflow: hidden;}
.shopSearch .sform i{display: block;height: 36px;overflow: hidden;position: absolute;top: 0;width: 3px;}
.shopSearch .sform i.left{background-position: left -105px;left: 0;}
.shopSearch .sform i.right{background-position: left -68px;right: 0;}
.shopSearch .defaultKey{color: #999;height: 36px;line-height: 36px;_line-height: 36px;left: 78px;position: absolute;top: 0;}
.shopSearch .sInput{border: medium none;color: #333;font-size: 12px;height: 24px;line-height: 24px;padding: 6px 3px 6px 6px; margin-left:70px;width: 250px;box-shadow: 1px 1px 3px #dddddd inset;}
.shopSearch .sBtn{border: medium none;cursor: pointer;height: 36px;width: 100px; background:#f28203;transition: all 0.3s linear 0s;font-size:16px; color:#FFF;}
.shopSearch .sBtn:hover{background:#F79227;}
.shopSearch .option{left:0;position: absolute;top: 0px;_top:1px;_left:1px;}
.shopSearch .option dl{background: #EAEAEA;border-radius: 0 0 3px 3px;display: none;padding:1px 1px 0;width: 69px;text-align:center; position:absolute;left:0;top:36px;}
.shopSearch .option dd{background: #FFF;color: #666;text-align:left;cursor: pointer;font-size: 12px;height: 28px;line-height: 28px;overflow: hidden;padding: 0 13px 0;border-bottom:1px solid #EAEAEA;}
.shopSearch .option dd.cur{background: #F0F0F0;color: #C00;}
.shopSearch .optionCur{background:url(../images/icon.png) no-repeat 54px -177px #f5f5f5;cursor: pointer;height: 36px;line-height: 36px;_height: 35px;overflow: hidden;padding: 0 14px;width: 42px; display:block;}
.shopSearch .hover .optionCur{}

/*人气值*/
.popularity{height: 20px;line-height: 20px;padding-top: 40px;position: relative;text-align: center;}
.popularity .icon{background: url(../images/popularity.png) no-repeat scroll 0 0 / 30px auto;display: inline-block;height: 30px;left: 50%;margin-left: -15px;position: absolute;top: 5px;width: 30px;}

/*导航*/
.shopNav{height:42px; line-height:42px; box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3);background:#f28203; position:relative;}
.shopNav .navBox{position:relative; z-index:102}
.shopNav .navList{padding-left: 235px;}
.shopNav .navList li{float:left;color:#FFF; font-size:15px;height:42px;border-right: 1px solid #e57600;}
.shopNav .navList li a{padding:0 15px; display:inline-block;transition: all 0.3s linear 0s; height:42px; position:relative;}
.shopNav .navList li a:hover{text-decoration: none;background-color:#fc9b3a; height:42px;}
.shopNav .navList li a.cur{background-color:#e57600;height:42px;}
.shopNav .navList li span{color:#FFF;font-size:16px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);}

/*全部旅游产品*/
.fastNav{position: absolute;top: 0;left: 0;z-index: 200;}
.fastNav .allMenu{background: #f79227; color: #fff; display: block; font-size: 16px; height: 46px; line-height: 46px; text-align: center; width: 235px;}
.fastNav .menu{background: #f79227;width: 235px;height: 42px;position: relative;text-align: center;}
.fastNav .menu span{color: #fff;font-size: 16px;cursor: default;padding-right: 15px;background: url(../images/arrowbg.gif) no-repeat scroll right -553px;}
.fastNav .menuBox{position:absolute; top:42px; left:0; width:228px; height:327px; background:#f8f8f8; border-style: solid; padding: 3px 3px 3px 0; border-width: 0 2px 2px; border-color: #f79227; display: none;}
.fastNav.active .menuBox{display: block !important;}
.menuBox .menuUl{}
.menuBox .menuUl li{height: 39px;padding: 1px 0 1px 15px;}
.menuBox .menuUl li.first{border-top: 0 none;}
.menuBox .menuUl li.on{background: #fff;padding: 0 0 0 15px;border-top: 1px solid #f79227;border-bottom: 1px solid #f79227;box-shadow: 0 0 5px #aaa;}
.menuBox .menuUl .trunk{position: relative;height: 39px;line-height: 39px;}
.menuBox .menuUl .trunk a{color: #333;font-size: 14px;}
.menuBox .menuUl .trunk a:hover{color: #f60;}
.menuBox .menuUl .trunk i{position: absolute; right: 10px; top: 0;color: #333;cursor: default;height: 39px;}
.menuBox .menuUl .trunk s{position: absolute; right: -1px; top: 0;z-index: 999;width: 5px;height: 39px;display: none;background: #fff;cursor: default;}
.menuBox .menuUl li.on .trunk s{display: block;}
.menuBox .menuUl .sub{position: absolute;z-index: 998;height: 325px;left: 228px;width: 938px;background: #FFF;border: 1px solid #f28203;border-width: 1px;top: 3px;display: none;padding: 5px 15px 0;box-shadow: 0 0 5px #aaa;}
.menuBox .menuUl .sub .navPanel{overflow: hidden;}
.menuBox .menuUl .sub .navPanel dl{border-bottom: 1px solid #F0F0F0;padding-left: 60px;padding-bottom: 8px;line-height: 34px;}
.menuBox .menuUl .sub .navPanel dt{float: left;display: inline;width: 60px;height: 28px;margin: 0 0 0 -60px;font-weight: bold;white-space: nowrap;overflow: hidden;}
.menuBox .menuUl .sub .navPanel dd{float: left;margin-right: 10px;height: 28px;overflow: hidden;white-space: nowrap;}
.menuBox .menuUl li.on .sub{display: block;}

/*面包屑*/
.breadCrumb{color: #666;height: 24px;line-height: 24px;position: relative;}
.breadCrumb p{height: 24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;_white-space: normal;}
.breadCrumb em{font-family: '宋体';padding: 0 5px;}
.breadCrumb a{color: #2F88C5;}
.breadCrumb a:hover{text-decoration: underline;}
.breadCrumb .shareTo{float: right;height: 24px;width: 155px;}

/*商铺信息*/
.shopInfo{border-color: #F28203 !important;border-top: 2px solid #F28203 !important;}
.shopInfo.wrapBox{margin-top: 0;}
.shopInfo .shopInfoCont{padding: 0 10px;}
.shopInfo dt{border-bottom: 1px solid #efefef;padding: 10px 0 6px;text-align: center;}
.shopInfo dt a{color: #F28203;font: bold 24px/22px microsoft yahei;}
.shopInfo .shopInfoIco{font-size: 0;/*height: 40px;*/margin: 20px auto 0;width: 147px;}
.shopInfo .shopInfoIco i{float:left;display:block;background:url(../images/mbar_skin_v1.png) -9999px -9999px no-repeat;_display:inline;width:32px;height:32px;margin: 0 5px 10px 5px;}
.shopInfo .shopInfoIco i.a{width:29px;height:32px;margin:0 10px;background-position:0px 0px}
.shopInfo .shopInfoIco i.b{width:29px;height:32px;margin:0 10px;background-position:-42px 0px}
.shopInfo .shopInfoIco i.c{width:29px;height:32px;margin:0 10px;background-position:-82px 0px}
.shopInfo .shopInfoIco i.s0{background: url(../images/defaultIco0.png) no-repeat 50% 50%/contain;}
.shopInfo .shopInfoIco i.s1{background: url(../images/defaultIco1.png) no-repeat 50% 50%/contain;}
.shopInfo .shopInfoIco i.s2{background: url(../images/defaultIco2.png) no-repeat 50% 50%/contain;}
.shopInfo .shopInfoIco i.s3{background: url(../images/defaultIco3.png) no-repeat 50% 50%/contain;}
.shopInfo .shopInfoIco i.s4{background: url(../images/defaultIco4.png) no-repeat 50% 50%/contain;}
.shopInfo .shopInfoIco i.s5{background: url(../images/defaultIco5.png) no-repeat 50% 50%/contain;}
.shopInfo dd{padding: 20px 0 10px;}
.shopInfo .item{}
.shopInfo .item .tit{color: #333;font: bold 16px/34px 微软雅黑,sans-serif;}
.shopInfo .item .tit i{background:url(../images/mbar_skin_v1.png) -9999px -9999px no-repeat;display: inline;float: left;height: 34px;margin-right: 7px;width: 34px;}
.shopInfo .item .tit i.h{background-position:0px -66px;}
.shopInfo .item .tit i.l{background-position:-42px -66px;}
.shopInfo .item ul{font: 12px/22px nsimsun;}
.shopInfo .item ul li{padding-left: 41px;line-height: 30px;height: 30px;}
.shopInfo .item .qq li span{padding-left: 5px;}
.shopInfo .item .sup li{height: auto;line-height: 22px;padding: 0 5px;}
.shopInfo .item .sup li strong{color: #999;float: left;text-align: right;width: 72px;}
.shopInfo .item .sup li span{color: #333;margin-left: 80px;word-break: break-all;word-wrap: break-word;display: block;}

/*暂无数据*/
.noContent{border: 1px solid #dfdfdf;margin: 15px 0 0;padding: 15px;}
.noContent:hover{border-color: #ffc13b;}

/*鼠标经过放大图片*/
#preview{background: #FFF;border: 1px solid #EFEFEF;display:none;position: absolute;padding: 3px;z-index: 99999;}
#preview img{max-width:560px;}

/*翻页*/
.pageMod{text-align:center;padding:20px 0;font-size:0px}
.pageMod a,.pageMod span{background:#fff; border: 1px solid #DFDFDF;color:#333;display: inline-block;font-size: 12px;height: 30px; line-height: 30px;vertical-align: middle;padding:0 15px;margin-left:5px; font-family:Arial;}
.pageMod a{text-decoration:none;color:#333;}
.pageMod a:hover{text-decoration:none;color:#f28203;background:#fff;border: 1px solid #f28203;}
.pageMod .page{width:auto;padding:0 10px;background:#FFF; color:#333;}
.pageMod .prev.no{background-position:7px -836px;color:#97999B;}
.pageMod .next{padding:0 10px;background:#FFF;}
.pageMod .next.no{background-position:58px -877px;color:#97999B;}
.pageMod .page.no:hover{cursor:default;}
.pageMod a.cur{background:#f28203;color:#fff;border: 1px solid #f28203;}

/*返回顶部*/
.izl-rmenu{position:fixed; left:50%; margin-left:600px; bottom:0; padding-bottom:120px; z-index:999;}
.izl-rmenu .btn{width:52px; height:52px; margin-bottom:1px;margin-left:5px;border-radius:3px; cursor:pointer; position:relative;}
.izl-rmenu .btn-top{background:url(../images/toolbar.png) 0px 0px no-repeat; display:none;}
.izl-rmenu .btn-top:hover{background-position: 0px -62px;}

/*页脚*/
#footer{background:#FFF;color: #666;}
#footer .linksBox{border-top: 2px solid #f28203;border-bottom: 1px solid #e5e5e5; font-family: arial;text-align:center; padding:15px;line-height: 22px;}
#footer .linksBox a{color:#333;padding: 0 5px;}
#footer .linksBox a:hover{text-decoration: underline;}
#footer .copyright{text-align: center; padding:15px 0 30px;}

/*页脚Js*/
#footerJs{display: none;}

                                                                                                                              /*右边导航工具条*/
.secondary{height: 100%;position: fixed;right: 0;top: 0;width: 36px;z-index: 999;transition: all 0.2s ease-in-out 0s;}
.secondary .container{background: #333;height: 100%;width: 36px;position: absolute;right: 0;top: 0;transition: right 0.3s ease-in-out 0s;}
.secondary .container .c_top{left: 0;margin-top: -22px;position: absolute;top: 20%;width: 36px;}
.secondary .container .c_footer{bottom: -10px;left: 0px;position: absolute;width: 100%;}
.secondary .container li{cursor: pointer;text-align:center;padding:10px 0;position: relative;width: 36px;}
.secondary .container li i{background: url(../images/icon_side_tool.png) no-repeat 5px 8px;display: block;font-size: 0;height: 36px;line-height: 999em;overflow: hidden;width: 36px;}
.secondary .container li em{display: block;line-height: 20px;color: #b2c4db;}
.secondary .container li .text{background-color: #565656;color: #fff;height: 36px;line-height: 36px;position: absolute;right: 56px;text-align: center;top: 10px;width: 70px;visibility:hidden; -webkit-transition:all .3s ease-in-out; transition: all .3s ease-in-out; opacity:0;}
.secondary .container li:hover .text{right: 36px;visibility:visible; opacity:1;}
.secondary .container li:hover i{background-color: #3aa400;}
.secondary .container li .text .icon{border-bottom: 5px solid transparent;border-left: 5px solid #565656;border-top: 5px solid transparent;height: 0;margin-top: -5px;position: absolute;right: -5px;top: 50%;width: 0;}
.secondary .container li .webCode{background:url(../images/wapcode.png) no-repeat scroll 20px 20px / 145px 140px;background-color: #e4eaf0;border: 1px solid #2577e3;border-right: 0 none;left: -186px;padding: 160px 20px 0;width: 145px;height: auto;}
.secondary .container li.member{border-top: 1px solid #888;border-bottom: 1px solid #888;}
.secondary .container li.mobile i{background-position: -540px -60px;}
.secondary .container li.mobile:hover i{background-position: -540px 1px;}
.secondary .container li.member i{background-position: -420px -60px;}
.secondary .container li.member:hover i{background-position: -420px 1px;}
.secondary .container li.order i{background-position: 0 -60px;}
.secondary .container li.order:hover i{background-position: 0 1px;}
.secondary .container li.favorite i{background-position: -60px -60px;}
.secondary .container li.favorite:hover i{background-position: -60px 1px;}
.secondary .container li.online i{background-position: -300px -60px;}
.secondary .container li.online:hover i{background-position: -300px 1px;}
.secondary .container li.gotop i{background-position: -180px -60px;}
.secondary .container li.gotop:hover i{background-position: -180px 1px;}
.secondary .container li.feedback i{background-position: -240px -60px;}
.secondary .container li.feedback:hover i{background-position: -240px 1px;}
.secondary .container li.close i{background-position: -360px -60px;background-color: #666;;height: 30px;}
.secondary .container li.close:hover i{background-position: -360px 1px;background-color: #3aa400;}
.secondary .container li.online .icon{bottom: 11px;top: auto;}
.secondary .container li .content{background-color: #fff;border: 1px solid #565656;color: #333;font-size: 12px;min-height: 100px;text-align: left;width: 190px;height: auto;bottom: 10px;top:auto;padding: 0;margin: 0;}
.secondary .container li .content h3{background: #f5f5f5;font-weight: 700;height: 50px;line-height: 50px;padding: 0 12px;}
.secondary .container li .content dl{padding: 0 12px;}
.secondary .container li .content dd{height: 39px;line-height: 39px;border-top: 1px solid #F1F4F7;overflow: hidden;padding: 5px 0;}
.secondary .container li .content dd:first-child {border-top: 0;}
.secondary .container li .content dd a{background: url(../images/chart.png) no-repeat 0 50%;float: right;position: relative;width: 76px;}
.sideBarClose{position: fixed;right: -110px;bottom: 20px;z-index: 999;transition: all 0.5s ease-in-out 0s;}
.sideBarClose span{background: url(../images/siderbar.png) no-repeat 5px 5px #666;border-radius: 30px 0 0 30px;color: #FFF;cursor: pointer;display: block;height: 30px;line-height: 30px;padding: 10px 10px 10px 50px;width: 26px;text-align: center;}

@-webkit-keyframes 
boxout{from{right:35px;opacity:1}to{right:60px;opacity:0}}
@keyframes 
slideout{from{right:60px;opacity:0}to{right:40px;opacity:1}}
@-webkit-keyframes 
slideout{from{right:60px;opacity:0}to{right:40px;opacity:1}}
@-moz-keyframes
slideout{from{right:60px;opacity:0}to{right:40px;opacity:1}}
@-o-keyframes
slideout{from{right:60px;opacity:0}to{right:40px;opacity:1}}