﻿html,body{padding:0;margin:0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#353535;line-height:180%;background:#fff;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;}

div,p,dl,dt,dd,ul,li,form{margin:0;padding:0;}
ul,li{list-style:none;}
img{border:0;}

.block{width:980px;margin-right:auto;margin-left:auto;}
.clear{clear:both;visibility:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.hid{display:none;}

.f_l{float:left;}
.f_r{float:right;}
.m_t{margin-top:6px;}
.m_t10{margin-top:10px;}
.f_b{font-weight:bold;}
h5{margin:0;padding:0;}
.t_c{text-align:center;}
/*
.c_f00,a.c_f00:link,a.c_f00:visited{color:#f00;}
.c_f90,a.c_f90:link,a.c_f90:visited{color:#f90;}
.c_b00,a.c_b00:link,a.c_b00:visited{color:#b00;}
*/
/*============================================ header start============================================*/
.header{position:relative;}
.logo{padding:37px 0 0 13px;}
.menu{padding-top:20px;line-height:16px;text-align:right;}
.menu a{padding:3px 0 0 19px;margin-left:8px;background-image:url(icon.gif);background-repeat:no-repeat;}
.menu a.m2{background-position:0 -18px;}
.menu a.m3{background-position:0 -36px;}
.menu a.m4{background-position:0 -54px;}
.menu a.m5{background-position:0 -72px;}
.menu p{margin:17px 0 0;padding:0;}
.mem_info{position:relative;color:#c00;height:18px;line-height:18px;left:28px;top:60px;}
.mem_info a:link,.mem_info a:visited{color:#c00;margin:0 3px;}
.mem_info span{color:#c00;}
.mem_info .mem_alipay{background:url(icon.gif) no-repeat 0 -90px;padding-left:18px;}
.mem_info .mem_alipay:link,.mem_info .mem_alipay:visited{color:#1e4c97;}

.nav{margin-top:6px;background:#b4c6d9 url(icon.gif) repeat-x 0 -108px;height:36px;position:relative;}
.nav p{background:url(style.gif) no-repeat 0 0;position:absolute;top:7px;right:8px;height:23px;line-height:22px;text-align:center;width:172px;}
.nav p a:link,.nav p a:visited{color:#b00;}
.nav p a:hover,.nav p a:active{color:#b00;text-decoration:none;}
.nav p span{font-weight:bold;color:#b00;padding:0 2px;}
#nav{height:36px;}
#nav li{float:left;display:inline;position:relative;height:36px;line-height:36px;color:#fff;font-size:14px;font-weight:bold;background:url(icon.gif) no-repeat 0 -182px;padding:0 11px;}
#nav li a{color:#fff;font-size:14px;margin:0 10px;display:block;}
#nav li a:hover,#nav li:hover a,#nav li.iehover a{color:#d00;text-decoration:none;}
#nav li a.c_f00:link,#nav li a.c_f00:visited{color:#f00;}
#nav li a.c_f90:link,#nav li a.c_f90:visited{color:#f90;}
#nav li table{display:none;position:absolute;top:36px;left:0;background:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#nav li:hover table,#nav li.iehover table{display:block;white-space:nowrap;text-overflow:ellipsis;}
#nav li table tr td{padding:0 6px;margin:0;white-space:nowrap;text-overflow:ellipsis;}
#nav li table tr td a.tit:link,#nav li table tr td a.tit:visited{color:#000;font-size:12px;font-weight:bold;line-height:14px;padding:6px 0 0;margin-bottom:6px;background:none;}
ul#nav li:hover table a,ul#nav li.iehover table a{margin:0;padding:3px 0 3px 6px;line-height:14px;font-size:12px;color:#666;background:url(icon.gif) no-repeat -2px -212px;}
ul#nav li:hover table a:hover,ul#nav li.iehover table a:hover{color:#d00;}

.search{background:url(icon.gif) repeat-x 0 -144px;height:36px;}
.search form{padding-left:7px;}
.search form label{float:left;margin-top:7px;}
.search .ipt{padding:3px;width:230px;height:13px;line-height:13px;font-size:11px;font-family:PMingLiU;color:#bbb;letter-spacing:2px;border:1px solid #999;}
.search .btn{display:block;width:70px;height:21px;margin:0 !important;margin:1px 0 0;padding:0;overflow:hidden;background:#8F8F97;border:1px solid #999;color:#fff;cursor:pointer;}
.search .btn:focus,.search .btn:hover{border:1px solid #ADADAD;background:#A5A5AC;color:#ff6;}
.search .btn_ad{color:#666;padding:2px 10px 0;}
.search .hotkey{line-height:36px;padding-right:8px;width:570px;}
.search .hotkey span{color:#b00;}
.search .hotkey a{padding:0 4px;}

.bottom_hotkey{border:1px solid #800;background:#F5F5F5;padding:4px 8px;}
.bottom_hotkey span{color:#b00;}
.bottom_hotkey a{padding:0 4px;_padding:0 2px;}
/*============================================ header end============================================*/

/*============================================ footer start============================================*/
.fhelp{background:#F5F5F5;border-bottom:1px solid #a00;border-top:1px solid #a00;padding:12px 0;}
.fhelp .umail{float:left;padding:0 20px 0 10px;}
.fhelp input{display:block;margin-top:10px;}
.fhelp input.email{width:160px;border:1px solid #ccc;color:#5E5E5E;}
.fhelp input.mail_btn{width:52px;height:20px;line-height:20px;border:0;background:url(style.gif) -174px 0 no-repeat;color:#fff;}
.fhelp h6{color:#111;font-weight:bold;margin:5px 0;font-size:1em;}
.fhelp .footnav{}
.fhelp .footnav a{display:block;}
.fhelp div.bd6{float:left;border-left:1px dashed #ccc;padding:0 0 0 15px;width:140px;height:96px;}

.footer{margin:8px auto 10px;padding-top:10px;text-align:center;}
.footer a{padding:0 4px;}
.footer p.footnav{padding:6px 0;}
.footer p.footnav a{padding:0 10px;}
/*============================================ footer end============================================*/


/*============================================ index page start============================================*/
/* 1st */
.focus{width:730px;height:422px;border-bottom:3px solid #a10000;/*position:relative;*/}
#play_list a{display:block;overflow:hidden;}
#play_list img{width:730px;height:422px;}
.bd3{position:relative;height:0px;background:#a10000;}
#play_text{position:absolute;/*top:386px;right:20px;*/top:-35px;right:20px;}
#play_text UL LI{display:block;float:left;font-size:11px;margin:2px;width:20px;height:20px;line-height:20px;overflow:hidden;CURSOR:pointer;COLOR:#7F0019;BACKGROUND-COLOR:#fff;BORDER:1px solid #CECECE;TEXT-ALIGN:center;}

.focusr{width:240px;}
.announce{width:238px;border:1px solid #ccc;}
.announce h5{border:1px solid #fff;background:#363636;color:#fff;padding-left:12px;position:relative;height:24px;line-height:24px;}
.announce h5 span{position:absolute;right:6px;line-height:24px;top:0;}
.announce h5 span a:link,.announce h5 span a:visited{color:#fff;}
.announce .body{line-height:22px;}
.announce .body a:link,.announce .body a:visited{color:#333;background:url(icon.gif) no-repeat -6px -235px;padding-left:16px;}
.announce .body a:hover,.announce .body a:active{color:#c00;text-decoration:underline;}
.announce .body a.c_b00:link,.announce .body a.c_b00:visited{color:#b00;}
.focusr p{margin-top:5px;}

/* 2nd 3rd 4th */
.lnav{width:218px;border:1px solid #ccc;}
.lnav h5{border:1px solid #fff;background:#363636;color:#fff;padding-left:12px;position:relative;height:24px;line-height:24px;}
.lnav dl{padding:0 12px 3px;padding:0 12px 5px\9;background:#f3f3f3;border:1px solid #fff;border-top:none;}
.lnav dt{font-size:12px;font-weight:bold;height:19px;line-height:19px;color:#575757;padding-top:3px;}
.lnav dt span{font-weight:normal;color:#999;font-family:Arial;font-size:10px;margin-left:8px;}
.lnav dt a:link,.lnav dt a:visited{color:#575757;}
.lnav dt a:hover,.lnav dt a:active{color:#c00;}
.lnav dd{line-height:19px;}
.lnav dd a{padding:0 6px;}
.lnav dd a:link,.lnav dd a:visited{color:#666;}
.lnav dd a:hover,.lnav dd a:active{color:#c00;}

.tit1{margin:8px 8px 0;height:22px;clear:both;}
.tit1 img{float:left;padding-right:8px;vertical-align:top;}
.tit1 i{float:left;color:#999;font-size:12px;font-style:normal;padding-top:0 !important;padding-top:1px;}
.tit1 span{float:right;}
.tit1 span a:link,.tit1 span a:visited{color:#999;}
.tit1 span a:hover,.tit1 span a:active{color:#c00;}

.tit2{background:url(icon.gif) repeat-x 0 -244px;}
.tit2 div{background:url(style.gif) no-repeat 0 -25px;margin:0 auto;width:309px;color:#C5A751;font-size:18px;font-weight:bold;line-height:40px; letter-spacing:0.5em;text-align:center;}

.pro1{width:748px;border:1px solid #dedede;}
.pro2{}
.pro1 ul,pro2 ul{clear:both;padding:0 0 2px;}
.pro1 ul li,.pro2 ul li{float:left;overflow:hidden;background:url(line1.gif) no-repeat right center;padding:8px 18px 0;}
.pro1 ul li{width:151px;}
.pro2 ul li{width:151px;}
.pro1 ul li.nobg,.pro2 ul li.nobg{background:none;}

.pro1 p,.pro2 p{text-align:center;}
.pro1 p.img,.pro2 p.img{padding:0 0 3px;}
.pro1 p.img img{width:150px;height:175px;}
.pro2 p.img img{width:150px;height:175px;}
.pro1 p.name,.pro2 p.name{clear:both;color:#666;height:18px;line-height:18px;overflow:hidden;}
.pro1 p.name a:link,.pro1 p.name a:visited,.pro2 p.name a:link,.pro2 p.name a:visited{color:#666;}
.pro1 p.price,.pro2 p.price{color:#c00;font-family:Verdana;font-size:12px;font-weight:bold;height:20px;line-height:20px;overflow:hidden;}
.pro1 p.txt,.pro2 p.txt{color:#999;height:18px;line-height:18px;overflow:hidden;}

.pro1 dl{}
.pro2 dl{border:1px solid #dedede;}
.pro1 dl dt{float:left;display:inline;padding:8px 0 2px 8px;padding:8px 0 8px 8px\9;width:364px;}
.pro2 dl dt{display:inline;padding:8px 0 0 8px;padding:8px 0 8px 8px\9;width:402px;}
.pro1 dl dd{display:inline;float:right;}
.pro2 dl dd{display:inline;width:566px;}

.pro2 dl dt.f_r{text-align:right;padding-left:0;}
.pro2 dl dt.f_r img{padding:0 8px 0 0;}

.pro3{border:1px solid #dedede;}
.pro3 dl{}
.pro3 dl dt{float:left;display:inline;padding:8px 0 0 8px;padding:8px 0 8px 8px\9;width:402px;}
.pro3 dl dd{display:inline;float:right;width:566px;}
.pro3 ul{clear:both;padding:0;}
.pro3 ul li{float:left;overflow:hidden;background:url(line1.gif) no-repeat right center;padding:8px 18px 0;width:151px;}
.pro3 ul li.nobg{background:none;}
.pro3 p{text-align:center;}
.pro3 p.img{padding:0 0 3px;}
.pro3 p.img img{width:150px;height:175px;}
.pro3 p.name{clear:both;color:#666;height:18px;line-height:18px;overflow:hidden;}
.pro3 p.name a:link,.pro3 p.name a:visited{color:#666;}
.pro3 p.price{color:#c00;font-family:Verdana;font-size:12px;font-weight:bold;height:20px;line-height:20px;overflow:hidden;}
.pro3 p.txt{color:#999;height:18px;line-height:18px;overflow:hidden;}

/* 5th */
.w220{width:220px;margin-right:10px;}
.w530{width:530px;}

/* 6th */
.peishi{width:398px;border:1px solid #dedede;}
.peishi .f_l{width:206px;padding:8px;}

.peishi ul{clear:both;padding:0;}
.peishi ul li{padding:8px 13px 0 0 !important;padding:8px 6px 0 0;}
.peishi p{text-align:center;}
.peishi p.img{padding:0 0 3px;}
.peishi p.img img{width:150px;height:175px;}
.peishi p.name{clear:both;color:#666;height:18px;line-height:18px;overflow:hidden;}
.peishi p.name a:link,.peishi p.name a:visited{color:#666;}
.peishi p.price{color:#c00;font-family:Verdana;font-size:12px;font-weight:bold;height:20px;line-height:20px;overflow:hidden;}
.peishi p.txt{color:#999;height:18px;line-height:18px;overflow:hidden;}

.jiaju{width:568px;border:1px solid #dedede;}
.jiaju .img{margin:8px 0 !important;margin:10px 0;text-align:center;}
.jiaju ul{padding-bottom:8px;}

/* article */
.act{width:580px;border-width:2px 1px 1px;border-style:solid;border-color:#800 #dedede #dedede;}
.tit3{position:relative;background:url(icon.gif) no-repeat 8px -277px;color:#4c4c4c;font-size:14px;font-weight:bold;height:28px;line-height:28px;padding-left:24px;}
.tit3 span{position:absolute;right:8px;top:0;font-size:12px;font-weight:normal;}
.act dl{}
.act dt{float:left;padding:0 8px 2px;padding:0 8px 8px\9;width:310px;}
.act dt img{width:310px;height:195px;}
.act dd{float:right;width:254px;}
.act li{background:url(icon.gif) no-repeat -10px -307px;height:24px;line-height:24px;overflow:hidden;padding-left:12px;}

.comlist{width:386px;border:1px solid #dedede;}
.tit4{background:#870007;border:1px solid #fff;height:24px;line-height:24px;font-size:14px;color:#fff;padding-left:12px;}
.comlist ul{padding:7px 0;}
.comlist li{position:relative;background:url(icon.gif) no-repeat -8px -307px;height:24px;line-height:24px;overflow:hidden;padding-left:14px;}
.comlist li span.cmt_time{position:absolute;right:8px;top:0;}

/* bottom ad */
#my-glider{position:relative;width:978px;border:1px solid #ccc;padding:6px 0;margin:0 auto;}
#my-glider .scroller{overflow:hidden;width:978px;height:122px;}
#my-glider .scroller .content{width:10000px}
#my-glider .scroller .content .section{float:left;overflow:hidden;width:978px;width-space:nowrap;height:122px;text-align:center;}
#my-glider a img{width:100px;height:116px;border:1px solid #eaeaea;padding:2px;margin:0 3px;}
#my-glider a:hover img{border:1px solid #858585;background:#ccc;}
#prevLink,#nextLink{DISPLAY:block;OVERFLOW:hidden;WIDTH:20px;TEXT-INDENT:-99999px;POSITION:absolute;TOP:50px;HEIGHT:35px;background-image:url(style.gif);background-repeat:no-repeat;}
#prevLink{BACKGROUND-POSITION:-21px -65px;LEFT:5px;}
#nextLink{BACKGROUND-POSITION:0px -65px;RIGHT:5px;}
#prevLink:hover{BACKGROUND-POSITION:-21px -100px}
#nextLink:hover{BACKGROUND-POSITION:0px -100px}
/* Right vnav*/
.rnav{position:relative;width:210px;height:260px;}
ul.vnav{clear:both;margin:6px auto 0;width:148px;}
ul.vnav li{float:left;text-align:center;width:37px;height:42px;padding-top:5px;}
ul.vnav li img{border:2px solid #ccc;width:30px;height:35px;}
ul.vnav li.on{background:url(vnav_bg.gif) no-repeat 50% 0;}
ul.vnav li.on img{border:2px solid #BD4453;}
ul.vsub{}
ul.vsub li{text-align:center;}
ul.vsub li img{width:150px;height:175px;}
#prevL,#nextL{POSITION:absolute;WIDTH:20px;TOP:70px;HEIGHT:35px;background-image:url(style.gif);background-repeat:no-repeat;}
#prevL{BACKGROUND-POSITION:-21px -65px;LEFT:0px;}
#nextL{BACKGROUND-POSITION:0px -65px;RIGHT:0px;}
#prevL:hover{BACKGROUND-POSITION:-21px -100px}
#nextL:hover{BACKGROUND-POSITION:0px -100px}
/*============================================ index page end============================================*/

/*====help and about and linklist====*/
.h_l{width:200px;float:left;}
.h_r{width:772px;float:right;}
.hnav{border:1px solid #ccc;}
.hnav h5{border:1px solid #fff;background:#363636;color:#fff;padding-left:12px;height:24px;line-height:24px;}
.hnav h5 a:link,.hnav h5 a:visited{color:#fff;}
.hnav dl{padding:0 12px 3px;padding:0 12px 5px\9;background:#f3f3f3;border:1px solid #fff;border-top:none;}
.hnav dt{font-size:12px;font-weight:bold;height:19px;line-height:19px;color:#333;padding-top:3px;}
.hnav dd{line-height:19px;padding-left:10px;}
.hnav dd a{display:block;}
.hnav dd a.on:link,.hnav dd a.on:visited{color:#f00;}
.hnav dd a:link,.hnav dd a:visited{color:#666;}
.hnav dd a:hover,.hnav dd a:active{color:#c00;}
.hnav p{padding:4px 0 4px 8px;}
.hnav ul{padding:2px 0 2px 8px;}
.hnav ul li{background:url("http://www.viszs.com/statics/arrowleft-orange.gif") no-repeat scroll 0 5px transparent;padding-left:12px;}
.hnav ul li.on{font-weight:bold;color:#f00;}
.hnav ul li.on a:link,.hnav ul li.on a:visited{color:#f00;}

.h_con{}
.h_con h1{text-align:center;margin:5px 0;color:#666;}
.h_con h4{background:url("http://www.viszs.com/statics/arrowleft-orange.gif") no-repeat scroll 0 5px transparent;border-bottom:1px solid #ddd;margin:10px 0;padding-left:14px;font-size:12px;color:#111;}
.h_con .h_p1,.h_con h5{padding-left:16px;}
.h_con .h_p2{padding-left:32px;}
.h_con ol li{color:#666;border:none;}
.h_con ol li b{color:#444;}

.h_con .h_tab1{background:#e1e1e1;margin-bottom:4px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;_border:none;}
.h_con .h_tab1 tbody th,.h_con .h_tab1 tbody td{text-align:center;height:20px;line-height:20px;font-size:12px;border-top:1px solid #ccc;border-left:1px solid #ccc;_border:none;}
.h_con .h_tab1 tbody th{background:#eee;color:#444;font-weight:bold;padding:2px;}
.h_con .h_tab1 tbody td{background:#fff;}

ul.linklist{}
ul.linklist li{width:193px;float:left;display:inline;}

.ilink{border-color:#880000 #DEDEDE #DEDEDE;border-style:solid;border-width:2px 1px 1px;width:978px;}
.ilink .t{background:url("icon.gif") no-repeat scroll 8px -277px transparent;color:#4C4C4C;font-size:14px;font-weight:bold;height:28px;line-height:28px;padding-left:24px;position:relative;}
.ilink .t span{font-size:12px;font-weight:normal;position:absolute;right:8px;top:0;}
.ilink ul{padding:2px 8px;}
.ilink ul li{width:192px;float:left;display:inline;}
