html{ border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-size:14px; font-family:Arial; text-align:center;}
body { margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left;}
ul.ulClear, ul.ulClear li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
img{ border:0px;}
a{ color:#002E96; text-decoration:underline;}
a:hover{ color:#002E96; text-decoration:none;}
a.none{ color:#000000; text-decoration:none;}
h1.none, h2.none{ font-size:12px; margin:0px; padding:0px; font-weight:normal;}
.clearUl ul, .clearUl li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
.clear{ clear:both;}
.clear5px{ clear:both; height:5px;}
.clear10px{ clear:both; height:10px;}
.clear15px{ clear:both; height:15px;}
.clear20px{ clear:both; height:20px;} 
.clearLine{ border-bottom:solid 1px #dcdcdc; clear:both;}
input, textarea, select{outline:medium none; box-sizing:border-box; font-size:inherit;}
.path{ padding:10px 0px 10px; border-bottom:solid 1px #e7efee; color:#333333;}
.path a{ font-weight:bold; text-decoration:none; color:#666666;} 
.path a:hover{ color:#ff6600;} 

.pageding{ padding:10px 0px; text-align:center;}
.pageding li{ background-color: #f2f2f2; border-radius: 4px; color: #4e4e4e; display: inline-block; font-weight: bold; margin: 0 2px; padding: 5px 10px;}
.pageding a{ font-weight:bold; text-decoration:none; color:#565656;}
.pageding a:hover{ color:#ff6600;}
.pageding .pageshover{ background-color:#ff6600; color:#ffffff;}

.colorRed{ color:Red;}
.colorBlue{ color:Blue;}
.colorOrange{ color:Orange;}
.errorRs1{ padding:10px; text-align:center; color:Red;}

.fix{ max-width:1170px; margin:0px auto; background-color:#ffffff; padding:0px 2px;}
.fix1{ max-width:1170px; margin:0px auto;}
.fixTitle{ position:fixed; top:-150px; right:0px; font-size:12px; margin:0px;}


/*Header =============*/
.header{}
.header .left{ float:left; width:25%;}
.header .center{ float:left; width:50%; padding-top:20px;}
.header .right{ float:left; width:25%; padding-top:20px;}

.header .center .form{ border:solid 1px #ebebeb; border-radius:22px;}
.header .center .form .cols1{ float:left; width:80%; padding:10px 0px;}
.header .center .form .cols2{ float:left; width:20%;}
.header .center .form .cols1 .b{ padding-left:20px;}
.header .center .form .cols1 .textbox{ width:100%; font-size:14px; border:none; background:none;}
.header .center .form .cols2 .b{ padding-right:20px;}
.header .center .form .cols2 .submit{ background: url("/library/search.png") no-repeat scroll right center transparent; border:none; width:100%; height:40px; cursor:pointer;}

.header-menu{ background-color:#009ddc;}
.header-menu ul.menu{ list-style:none;}
.header-menu ul.menu li{float:left; padding:12px 0px;}
.header-menu ul.menu li a.name{ display:block; text-decoration:none; color:#ffffff; font-size:14px; padding:0px 20px; font-weight:bold;}
.header-menu ul.menu li a.name span{ display:inline-block; width:12px; height:14px; background: url("/library/icon.png") no-repeat scroll left -21px transparent; vertical-align:middle;}
.header-menu ul.menu li:hover a.name span{ background-position:-12px -21px;}
.header-menu .menuSub{ width:250px; top:28px; left:0px;}
.header-menu .menuSub .border{ background-color:#ffffff; box-shadow:0px 3px 3px #C0C0C0; margin-top:13px;}
.header-menu .menuSub a{ display:block; padding:10px 10px; text-decoration:none; color:#494b48; font-size:14px; border-bottom:solid 1px #eaeaea;}
.header-menu .menuSub a:hover{ background-color:#f5f5f5;}

.header-menuMn{ background-color:#009ddc; padding:2px 0px;}
.header-menuMn .search{ float:left; width:80%;}
.header-menuMn .menu{ float:right; padding-top:6px;}
.header-menuMn .menu a{ width:24px; height:20px; display:inline-block; background: url("/library/icon.png") no-repeat scroll -58px top transparent; vertical-align:middle; text-decoration:none; margin-right:10px;}
.header-menuMn .search .form{ display:block; background-color:#ffffff; padding:0px 5px; border-radius:4px; margin:1px 0px 1px 5px;}
.header-menuMn .search .form .textbox{ float:left; background:none; border:none; width:85%; color:#666666; margin-top:5px;}
.header-menuMn .search .form .submit{ float:left; width:14%; border:none;background: url("/library/search.png") no-repeat scroll right center transparent; height:32px; cursor:pointer;}

.aside { min-width: 300px; width: 15%; position: fixed; top: 0; left: 0; bottom: 0; background-color: #009ddc; font-family: Helvetica, Arial, sans-serif; z-index: 2000; width: 0px; min-width: 0px; overflow: hidden; transition: 0.35s width ease, 0.35s min-width ease; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.aside .aside-header { position:relative; display:none;}
.aside .aside-header .close { display:inline-block; width:22px; height:17px; background: url("/library/icon.png") no-repeat scroll -117px -242px transparent;}
.aside .aside-contents {}
.aside.in { width: 15%; min-width: 300px; }
.aside-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; transition: 0.2s opacity ease; opacity: 0; display: none; }
.aside-backdrop.in { display: block; opacity: 0.5;}

.aside-contents ul{}
.aside-contents ul li{ color:#ffffff; border-bottom: 1px solid #4fc1ef; display: block; padding: 10px 10px; font-weight:bold; text-transform:uppercase;}
.aside-contents ul li a.name{ font-weight:bold;}
.aside-contents ul li a { color:#ffffff; text-decoration: none; display:block;}
.aside-contents ul li a:hover{ color:#ffff00;}
.aside-contents ul li a span{ display:inline-block; vertical-align:middle;}
.aside-contents ul li span.symbol{ float:right;}
.aside-contents ul li.sub{ background-color:#1face4;}
.aside-contents ul li.sub a{ display:block;}


/*h_menu==========*/
.h_menu_item{position:relative;}
.h_menu_sub{ position:absolute; z-index: 99; }

/*default=======================*/
.h-top-left{ float:left; width:70%; padding-top:20px;}
.h-top-right{ float:right; width:28%; padding-top:20px;}
.h-top-left .cols1{ float:left; width:65%; position:relative;}
.h-top-left .cols2{ float:right; width:34%;}
.h-top-left .cols1 .img{ height:351px; overflow:hidden;}
.h-top-left .cols1 .img img{ width:100%;}
.h-top-left .cols1 .name{ position:absolute; bottom:0px; background: url("/library/transparent1.png") repeat scroll center center  transparent; width:100%; padding:15px 0px;}
.h-top-left .cols1 .name a{ color:#ffffff; padding:0px 15px; font-size:22px; text-decoration:none; font-weight:bold; display:block;}
.h-top-left .cols1:hover .img img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.h-top-left .cols1:hover .name a{ color:#ffff00;}

.h-top-left .cols2 .list{ position:relative; margin-bottom:10px;}
.h-top-left .cols2 .list .img{ height:170px; overflow:hidden;}
.h-top-left .cols2 .list .img img{ width:100%;}
.h-top-left .cols2 .list .name{ position:absolute; bottom:0px; background: url("/library/transparent1.png") repeat scroll center center  transparent; width:100%;}
.h-top-left .cols2 .list .name a{ display:block; color:#ffffff; text-decoration:none; padding:5px 10px; font-size:16px;}
.h-top-left .cols2 .list:hover .img img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.h-top-left .cols2 .list:hover .name a{ color:#ffff00;}

.h-top-left .cols3 {}
.h-top-left .cols3 .list{ position:relative;}
.h-top-left .cols3 .list0{ float:right; width:49%;}
.h-top-left .cols3 .list1{ float:left; width:50%;}
.h-top-left .cols3 .list .img{ height:220px; overflow:hidden;}
.h-top-left .cols3 .list .img img{ width:100%;}
.h-top-left .cols3 .list .name{ position:absolute; bottom:0px; background: url("/library/transparent.png") repeat scroll center center  transparent; width:100%;}
.h-top-left .cols3 .list .name a{ display:block; color:#ffffff; text-decoration:none;  padding:5px 10px; font-size:16px;}
.h-top-left .cols3 .list:hover .img img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.h-top-left .cols3 .list:hover .name a{ color:#ffff00;}

.hNew-title{  background: url("/library/line.png") repeat-x scroll center center  transparent;}
.hNew-title h2{ margin:0px; font-size:22px; font-weight:100; color:#ff6600; border-left:solid 3px #ff6600;}
.hNew-title h2 span, .hNew-title h2 a{ display:inline-block; background-color:#ffffff; padding:0px 15px; text-decoration:none; color:#ff6600;}

.hNew-view{ padding:10px 0px;}
.hNew-view .title{ background-color:#f0f0f0;  font-size:18px; font-weight:100; padding:8px 10px; border-radius:2px;}
.hNew-view .list{ padding:5px 0px; border-bottom:dotted 1px #C0C0C0;}
.hNew-view .list .symbol{ float:left; color:#ff6600; font-size:32px; font-weight:bold; width:10%;}
.hNew-view .list .name{ float:left; width:90%;}
.hNew-view .list a{ color:#555555; text-decoration:none; font-size:15px; display:block;}
.hNew-view .list a:hover{ color:#ff6600; }
.hNew-view .list:hover{ background-color: #f8f8f7; }

.hNew-list{ float:left; width:25%;}
.hNew-list .border{ padding:10px;}
.hNew-list .border .img{ height:170px; overflow:hidden;}
.hNew-list .border .img img{ width:100%;}
.hNew-list .border .name{ padding:5px 0px;}
.hNew-list .border .name a{ color:#333333; font-size:16px; text-decoration:none; font-weight:bold;}

.h-banner{}
.h-banner img{ max-width:100%;}
.h-banner .rows0{ float:left; width:50%;}
.h-banner .rows1{ float:right; width:50%;}
.new-banner{}
.new-banner img{ max-width:100%;}

/*New=================*/
.sr-q{ background-color:yellow;}
.new-left{ float:left; width:70%;}
.new-right{ float:right; width:28%;}

.nCateH1{ margin:0px; font-size:18px; font-weight:100; padding:10px 0px;}
.nCate-list{ padding:8px 0px; border-bottom:dotted 1px #C0C0C0; margin-right:20px;}
.nCate-list .img{ float:left; width:25%;}
.nCate-list .img img{ width:100%;}
.nCate-list .summary{ float:right; width:74%;}
.nCate-list .summary .name{ display:block; font-size:16px; font-weight:bold; text-decoration:none; color:#666666;}
.nCate-list .summary .name:hover{ color:#ff6600;} 
.nCate-list .summary p{ margin:0px; color:#666666; line-height:18px;}
.nCate-list .summary p.date{ color:#666666; padding:5px 0px;}
.nCate-list .summary p.info{ padding:0px 0px 5px 0px;}

.nCate-list1{ padding:8px 0px; border-bottom:dotted 1px #C0C0C0; margin-right:20px;}
.nCate-list1 .img{ float:left; width:45%; max-height:250px; overflow:hidden;}
.nCate-list1 .img img{ width:100%;}
.nCate-list1 .summary{ float:right; width:54%;}
.nCate-list1 .summary .name{ display:block; font-size:16px; font-weight:bold; text-decoration:none; color:#666666;}
.nCate-list1 .summary .name:hover{ color:#ff6600;} 
.nCate-list1 .summary p{ margin:0px; color:#666666; line-height:18px;}
.nCate-list1 .summary p.date{ color:#666666; padding:5px 0px;}
.nCate-list .summary p.info{ padding:0px 0px 5px 0px;}

.nCate-title{ border-bottom:solid 1px #cfd0d0;  font-size:18px; font-weight:100; padding:10px 0px;}
.nCate-title1{ background-color:#f0f0f0;  font-size:18px; font-weight:100; padding:8px 10px; border-radius:2px;}
.nCate-menu{ padding:5px 0px;}
.nCate-menu .list{ padding:8px 0px; border-bottom:dotted 1px #acacac;}
.nCate-menu .list a{ text-decoration:none; color:#666666; font-weight:bold; display:block;}
.nCate-menu .list a:hover{ color:#ff6600;}
.nCate-menu .list a .symbol{ display:inline-block; width:12px; height:12px; background: url("/library/icon.png") no-repeat scroll -26px -25px transparent; vertical-align:middle;}
.nCate-menu .list:hover a .symbol{ background-position:-39px -25px;}

.nDetail-h1{color:#000000;font-size: 24px; font-weight:100; margin:0px; padding:10px;}
.nDetail-share{ float:right;}
.nDetail-summary{ color:#666666; padding:0px 10px 10px;; font-weight:bold; line-height:18px;}
.nDetail-date{ color:#999999; padding:0px 10px;}
.nDetail-date .date{ float:left;}
.nDetail-date .shear{ float:right;}
.nDetail-content{ font-size:16px; line-height:22px; padding:0px 10px;}
.nDetail-content img{ max-width:100%; height:100%;}
div.nDetail-tags1{ padding:0px 10px 5px;}
div.nDetail-tags1 ul.tags-list{ }
div.nDetail-tags1 ul.tags-list li{ background-color:#999999; margin-top:0px;}
div.nDetail-tags1 ul.tags-list li:hover{ background-color:#ff6600;}

.nDetail-nextT{padding:10px 5px 10px; background-color:#e7efee; color:#ff6600; font-weight:bold;}
.nDetail-nextL{ padding:5px 0px;}
.nDetail-nextL h2{ margin:0px;}
.nDetail-nextL h2 a{ font-size:14px; display:block; padding:5px 0px; text-decoration:none; color:#666666; font-weight:100;}
.nDetail-nextL h2 a:hover{ color:#ff6600;}



/*newRead*/
.nRead-list{ padding:8px 5px 0px;}
.nRead-list a{ color:#ff6600; font-weight:bold; text-decoration:none;}
.nRead-list a:hover{ color:red;}
.nRead-list a span{ display:inline-block; width:12px; height:12px; background: url("/library/icon.png") no-repeat scroll -39px -25px transparent; vertical-align:middle;}

.nRead-thumb{ float:left; width:25%; margin:10px 0px 0px;}
.nRead-thumb .img{ margin:0px 5px; height:120px; overflow:hidden;}
.nRead-thumb .img img{ width:100%;}
.nRead-thumb .name{ margin:5px 5px; height:36px; overflow:hidden;}
.nRead-thumb .name a{ color:#666666; text-decoration:none; font-weight:bold;}
.nRead-thumb:hover .name a{ color:#ff6600;}

/*about===========*/
h1.introTitle{  color:#000000;font-size: 24px; font-weight:100; margin:0px; padding:10px;}
.intro-content {} 
.intro-content .content{ font-size:14px; line-height:22px; padding:10px;}
.intro-content .content img{ max-width:100%;}
.info-menu{ padding-top:20px;}
.about-menu{ text-align:left;}
.about-menu li{ float:left; width:50%;}
.about-menu li:hover a{ color:#c11e4f;}
.about-menu li a{ text-decoration: none; padding: 5px 5px; display: block; color: #252525; margin: 2px 5px; border: solid 1px #C0C0C0; border-radius: 4px;}
.about-menu li a:hover{ background-color:#f8f8f8;} 
.about-menu li span{ background: transparent url("/library/icon.png") no-repeat scroll -40px -89px; display: inline-block; height: 20px; width: 20px;}

.cart-right ul.about-menu li{ float:none; width:auto; margin-bottom:5px;}
.contact-right ul.about-menu li{ float:none; width:auto; margin-bottom:5px;}

/*login ===================*/
.login-content{ border-bottom: 1px solid #ECECEC; border-left: 1px solid #ECECEC; border-radius: 0 0 4px 4px; border-right: 1px solid #ECECEC; padding: 0 7px;}

.homeLogin-form li{}
.homeLogin-form .cssCols1{ color:#504e4f; font-weight:bold; padding-top:5px;}
.homeLogin-form .cssCols2{ }
.homeLogin-form .cssSubmit{ padding-top:5px; text-align:right;}
.homeLogin-form .cssOther{ text-align:right; font-size:11px; padding-bottom:10px; padding-top:5px;}
.homeLogin-form .cssText{ width:180px;}
.homeLogin-form .cssSubmit .cssInput{ cursor:pointer; width:96px; height:28px; background: url(/library/icon.png) no-repeat -184px -100px transparent; border:0px;}

.login-form{ float:left; width:50%;}
.login-info{ float:left; width:40%; border-left:dotted 1px #C0C0C0; padding-left:10px; height:200px;}
.login-form form{ padding-top:30px;}
.login-form .cssCols1{ width:20%; float:left; padding:5px 0px; font-weight:bold;}
.login-form .cssCols2{ width:80%; float:left; padding:5px 0px;}
.login-form .cssText{ width:180px;}
.login-info .cssTitle{ font-weight:bold; color:#707001;}
.login-info a{ color:#FF0000; font-weight:bold; text-transform:uppercase;}

/*Register========*/
.register-form .cssNote{ padding:10px;}
.register-form .cssTitle{ color: #6F6F6F; font-size: 13px; padding:10px; font-weight:bold; text-transform:uppercase;}
.register-form .cssCols1{ float:left; width:20%; padding:5px 10px; color: #6F6F6F; font-size: 13px;}
.register-form .cssCols2{ float:left; padding:5px 0px; width:75%;}
.register-form .cssTextBox { border-color: gray #E9E9E9 #E9E9E9 gray; border-left: 1px solid gray; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; font-size: 14px; height: 25px; width: 378px;}
.register-form .cssTextBox1 { border-color: gray #E9E9E9 #E9E9E9 gray; border-left: 1px solid gray; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; font-size: 14px; height: 25px; width:300px;}
/*Contact========*/
.cateN-title { margin: 10px 0px 1px 0px; background-color: #ed1b23; color: #ffffff; font-size: 16px; font-weight: bold; padding: 10px; text-transform: uppercase; border-radius: 4px 4px 0px 0px; }
.contact-l{ float:left; width:58%;}
.contact-r{ float:right; width:40%;}
.contact-form{ padding:10px; margin:10px 0px 20px; border-left:solid 1px #F4F4F4;}
.contact-form .title{ font-weight:bold; color:#666666; padding-bottom:20px;}
.contact-text{ line-height:22px; color:#333333; padding:10px;}
.contact-text a{ color:#333333; text-decoration:none;}
.contact-map{  padding:10px;}
.ct-content{ border:solid 2px #ff9933; padding:10px; background-color:#ffffcc;}
.contact-title{ color: #6F6F6F; font-size: 18px; padding:10px;}
.contact-cols1{ float:left; width:22%; color: #6F6F6F; font-size: 13px; font-weight:bold; padding:10px 0px;}
.contact-cols2{ float:left; width:78%; text-align:right; padding:10px 0px;}
.contact-cols2 .b{ border:solid 1px #C0C0C0; padding:5px;}
.contact-cols2 .cssTextBox { font-size: 13px; width: 100%; border:none; background:none;}
.contact-cols2 .cssTextBox1{font-size: 13px; height:100px; width:100%; border:none; background:none;}
.contact-sendFull{ color: #333333; font-size: 14px; font-weight:bold; padding:10px;}
.contact-cols1n{ float:left; width:20%;}
.contact-cols2n{ float:left; width:80%;}
.contactCheck{ color:#797979;}
.contactCheck a{ color:#797979;}
.contact-cols2 .sub{ display: inline-block; background-color: #f7941d; padding: 8px 30px; border: none; border-radius: 4px; color: #ffffff; text-transform: uppercase; font-size: 15px; cursor: pointer; text-decoration: none; font-weight:bold;}
.contact-cols2 .sub:hover{ background:red;}
.contact-form .type{font-size: 13px; color:#666666; border:none; background:none; width:100%;}
.contact-form .captcha{font-size:13px; border:solid 1px #d1d1d1; height:24px; color:#666666;}
.contact-form #cartLoadSend{ position: absolute; right: 0px; top: 0px; background-color: rgb(255, 255, 255); height: 49px; width: 100%; text-align:center; display:none; font-weight:bold;}

div.contact-captcha{}
div.contact-captcha .cols1{ float:left; }
div.contact-captcha .cols2{ float:left; }
@media screen and (max-width: 870px){ .contact-l{ float:none; width:auto; padding:10px 0px;} .contact-r{ float:none; width:auto; padding:10px 0px;}}

/*media===========*/
.media-title{ height:27px; font-weight:bold; background-color:#F4F4F4; border:solid 1px #C0C0C0;}
.media-title div{ float:left;  height:22px; padding-top:5px;}
.media-title .cols1{ width:15%;}
.media-title .cols2{ width:50%; border-left:solid 1px #C0C0C0;}
.media-title .cols3{ width:34%; text-align:center; border-left:solid 1px #C0C0C0;}

.media-list{ height:70px; border-left:solid 1px #C0C0C0; border-right:solid 1px #C0C0C0; border-bottom:solid 1px #C0C0C0;}
.media-list div{ float:left;}
.media-list .cols1{ width:15%; padding:25px 0px;}
.media-list .cols2{ width:50%; padding:25px 0px; border-left:solid 1px #C0C0C0;}
.media-list .cols3{ width:34%; text-align:center;  border-left:solid 1px #C0C0C0;}
.media-list:hover{ background-color:#F4F4F4;}

/*tags=====*/
.tags-title{ background-color:#0072bb; float:left; margin-right:5px;margin-top:5px; font-weight:bold; color:#ffffff; padding:5px;}
ul.tags-list{}
ul.tags-list li{ float:left; padding:5px; margin-right:5px; margin-top:5px;background-color:#ff6600;}
ul.tags-list li a{ display:block; color:#ffffff; text-decoration:none;}
.tagsProHot{ padding-top:360px;}

.related{ padding:5px 0px;}
.related .temp1{ color:#666666; font-weight:bold;}
.related .temp1 a{ color:#666666; text-decoration:none;}
.related .temp1 a:hover{ color:#1e87c0;}

.related .temp{ border-top:1px solid #e2e2e3; border-bottom:1px solid #e2e2e3; padding:5px 0px;}
.related .temp .t{ float:left; width:20%; font-weight:bold;}
.related .temp .c{ float:left; width:80%;}
.related .temp .c a{ display:block; text-decoration:none; color:#666666; padding:0px 0px 5px;}
.related .temp .c a:hover{ color:#1e87c0;}
@media screen and (max-width: 870px) {
    .related .temp .t{ float:none; width:auto; padding:5px 0px;}
    .related .temp .c{ float:none; width:auto; }
}

/*footer===========*/
.footer{ background-color:#ffffff; padding:20px 0px 0px; color:#515151;}

.footer-bottom .copy{ text-align:right; padding:0px 10px; font-size:13px;}
.footer-bottom .copy .copyright{ display:inline-block;  color:#969ea7;}
.footer-bottom .copy .copyright a{  color:#969ea7; text-decoration:none; }
.footer-bottom .copy .copyright a:hover{ color:#ff6600;}

#toTop { background: url("/library/topPage.png") no-repeat scroll left top transparent; bottom: 50px; cursor: pointer;  height: 48px; opacity: 0.5; position: fixed; right: 5px; width: 48px; z-index: 99; display:none;}
#toTop:hover { opacity: 1; }

/*jQuery FlexSlider v2.0 */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider .slides{ padding:0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style:none !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/*FlexSlider===================*/
.flexslider {position: relative; clear:both; overflow:hidden;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 460px;}
.flexslider .slides { margin:0; }

/* Direction Nav */
.flex-direction-nav {display:none; margin:0 !important; z-index:999; }
.flex-direction-nav  li{ list-style:none;}
.flexslider:hover .flex-direction-nav { display:block;  margin:0 !important;  }
.flex-direction-nav li a.flex-next{  background: url("/library/sprite.png") no-repeat scroll  -47px -7px transparent; font-size: 0; height: 40px ; position: absolute; right: 10px; top: 40%; width: 40px;}
.flex-direction-nav li a.flex-prev{ background: url("/library/sprite.png") no-repeat scroll left -7px transparent; height: 40px !important; left: 10px; position: absolute; top:40%; width: 40px !important; font-size:0; }
.flex-direction-nav li a.flex-prev:hover{ background-position:left -47px;} 
.flex-direction-nav li a.flex-next:hover{ background-position:-47px -47px;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom:10px; left:0; margin:0 !important; padding:0 !important; z-index:9; width: 100%; text-align:right; padding-right:20px; }
.flex-control-nav li {margin: 0 3px;display:inline-block; font-size:0; }
.flex-control-paging li a { background: url('/library/sprite.png') -98px -5px no-repeat; cursor: pointer; display: block; height: 16px; text-indent: -9999px; width: 16px; font-size:0; }
.flex-control-paging li a:hover ,.flex-control-paging li a.flex-active{ background-position: -98px -27px; }
.flex-control-paging li a.flex-active{  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.slides li { display:none; }

/*CSS ToolTips----------------------*/
.hidden-tip p{ margin:0px; padding:0px;}
.hidden-tip ul{ margin:0px;}
.protip-title{ background-color:#1c59aa;  font-weight:bold; height:30px; color:#ffffff; padding:2px 0px 0px 10px;  text-align:left;}
.protip-content	{ border:solid 1px #1c59aa; padding:5px; color:#585858; background-color:#f9f9f9;  text-align:left;}
.protip-content .cssPriceLine{ text-decoration:line-through; font-size:14px;}
.protip-content .cssPrice{ font-weight:bold; color:#ea1b25; font-size:14px; padding-bottom:5px; padding-top:5px;}
.protip-content .cssPrice b{ color:#E70103; font-size:18px;}
.protip-content .cssSaleoff{ color:Red; padding-bottom:5px; line-height:18px;}
.protip-content .cssSaleoff b{ text-decoration:underline;}
.protip-content .cssSummary{ color:#000000; padding-bottom:10px;  line-height:18px;}

/*thickbox---------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #3d3d3d; float:right;}
#TB_window a:visited {color: #3d3d3d;}
#TB_window a:hover {color: #3d3d3d;}
#TB_window a:active {color: #3d3d3d;}
#TB_window a:focus{color: #3d3d3d;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */
position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow{height:0px; overflow:hidden;}
#TB_closeAjaxWindow a{ background: url("/library/thickbox-close.png") no-repeat scroll left top transparent; height: 30px; padding-left: 30px; position: absolute; right: -46px; top: -15px; width: 30px;}
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal{ padding:15px;}
#TB_ajaxContent p{ padding:5px 0px 5px 0px;}
#TB_load{position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

/*bannerSliding---------------*/
.banner-left{ padding:5px 0px;}
.banner-left img{ max-width:235px; padding-top:2px;}

.bannerSliding{width: 1170px; height: auto; min-height:0px; margin: 0 auto;}
#slideads{ position: relative; width: 100%; visibility: hidden;}
#slideads img{ max-width:130px;}
#slideads1{ position: absolute; left:-98px; z-index: 1; padding: 0; margin: 0; top: 119px;}
#slideads2{ position: absolute; right:-90px; z-index: 1; padding: 0; margin: 0; top: 119px;}

.footer{ background-color:#202830; color:#969ea7; padding-bottom:20px;}
.footer h3{ color:#ffffff; margin:0px; padding:10px 0px;}
.footer .list{ float:left; width:25%;}
.footer .list a{ display:block; padding:8px 0px; color:#969ea7; text-decoration:none; font-size:14px;}
.footer .list a:hover{ color:#ff6600;}

.footer-bottom{ background-color:#1a2128; padding:20px 0px; color:#969ea7;}
.footer-bottom ul{}
.footer-bottom ul li{ float:left; width:25%;}
.footer-bottom ul li.text a{ display:block; padding:5px 0px; color:#969ea7; text-decoration:none; font-size:14px;}
.footer-bottom ul li.text a:hover{ color:#ff6600;}
.footer-bottom ul li.shear a{ display:inline-block; width:36px; height:36px; background: url("/library/icon.png") no-repeat scroll left top transparent; text-decoration:none;}
.footer-bottom ul li.shear a.face{ background-position:-87px top; margin-right:5px;}
.footer-bottom ul li.shear a.go{ background-position:-133px top; margin-right:5px;}
.footer-bottom ul li.shear a.yo{ background-position:-179px top; margin-right:5px;}
.footer-bottom ul li.shear a:hover{ opacity:0.7;}

#toTop { background: url("/library/topPage.png") no-repeat scroll left top transparent; bottom: 70px; cursor: pointer;  height: 48px; opacity: 0.5; position: fixed; right: 5px; width: 48px; z-index: 99; display:none;}
#toTop:hover { opacity: 1; }


.hr-menu .menu{ display:none;}
.h-menuSub1{ display:none;}

.mobile{ display:none;}
.mobile5{ display:none;}

@media screen and (max-width: 870px)
{
    .header .left{ float:none; width:auto; text-align:center;}
    .h-top-left{ float:none; width:auto;}
    .h-top-right{ display:none;}
    .hNew-list{ width:50%;}
    .new-left{ float:none; width:auto;}
    .new-right{ float:none; width:auto;}
    .nCate-menu .list{ width:50%; float:left;}    
    .hNew-view{ display:none;}
    .nRead-thumb{ width:50%;}
    .footer{ padding:0px 5px 20px;}
    .footer .list{ width:50%;}
    .footer-bottom{ padding:20px 5px;}
    .mobile{ display:block;}
	.desktop{ display:none;}
	}
@media screen and (max-width: 550px)
{
    .nCate-menu .list{ float:none; width:auto;}
    .nCate-list{ padding:5px 5px;}
    .nCate-list .summary{ float:none; width:auto;}
    .nCate-list .summary img{ width:150px; margin:5px 5px 5px 0px;}
    .nCate-list .summary p{ padding:2px 0px 0px;}
    .nCate-list1{ padding:5px 5px;}
    .nCate-list1 .summary{ float:none; width:auto;}
    .nCate-list1 .summary img{ width:150px; margin:5px 5px 5px 0px;}
    .nCate-list1 .summary p{ padding:2px 0px 0px;}

    .mobile5{ display:block;}
    .desktop5{ display:none;}
	
	}