@charset "utf-8";

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}
ol,ul { list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
q:before,q:after { content: '';}
abbr,acronym { border: 0;}

/* 定位 */
.textl { text-align: left;}
.textc { text-align: center;}
.textr { text-align: right;}
.marginc { margin-left: auto; margin-right: auto;}
.floatl { float: left; display: inline;}
.floatr { float: right; display: inline;}
.clearb { clear: both;}
.clearl { clear: left;}
.clearr { clear: right;}

/*
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
*html .clearfix { height: 1%;}
.clearfix { display: block;}
*/

.verticalm { vertical-align: middle;}
.positionr { position: relative;}
.positiona { position: absolute;}
.abs-right { position: absolute; right: 0;}
.zoom { zoom: 1;}
.hidden { visibility: hidden;}
.none { display: none;}

/* 文字排版 */
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.font16 { font-size: 16px;}
.font18 { font-size: 18px;}
.font20 { font-size: 20px;}
.fontb { font-weight: bolder;}
.fontn { font-weight: normal;}
.text2 { text-indent: 2em;}
.lh150 { line-height: 150%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.textunl { text-decoration: underline;}
.no_unl { text-decoration: none;}

/* 长度高度 */
.width10 { width: 10px;}
.width20 { width: 20px;}
.width30 { width: 30px;}
.width40 { width: 40px;}
.width50 { width: 50px;}
.width60 { width: 60px;}
.width70 { width: 70px;}
.width80 { width: 80px;}
.width90 { width: 90px;}
.width100 { width: 100px;}
.width200 { width: 200px;}
.width250 { width: 250px;}
.width300 { width: 300px;}
.width400 { width: 400px;}
.width500 { width: 500px;}
.width600 { width: 600px;}
.width700 { width: 700px;}
.width800 { width: 800px;}
.width { width: 100%;}
.height10 { height: 10px;}
.height20 { height: 20px;}
.height30 { height: 30px;}
.height40 { height: 40px;}
.height50 { height: 50px;}
.height60 { height: 60px;}
.height70 { height: 70px;}
.height80 { height: 80px;}
.height90 { height: 90px;}
.height100 { height: 100px;}
.height200 { height: 200px;}
.height250 { height: 250px;}
.height300 { height: 300px;}
.height400 { height: 400px;}
.height500 { height: 500px;}
.height600 { height: 600px;}
.height { height: 100%;}

/* 边距 */
.margin10 { margin: 10px;}
.margin15 { margin: 15px;}
.margin30 { margin: 30px;}
.margint5 { margin-top: 5px;}
.margint10 { margin-top: 10px;}
.margint15 { margin-top: 15px;}
.margint20 { margin-top: 20px;}
.margint30 { margin-top: 30px;}
.margint50 { margin-top: 50px;}
.margint100 { margin-top: 100px;}
.marginb5 { margin-bottom: 5px;}
.marginb10 { margin-bottom: 10px;}
.marginb15 { margin-bottom: 15px;}
.marginb20 { margin-bottom: 20px;}
.marginb30 { margin-bottom: 30px;}
.marginb50 { margin-bottom: 50px;}
.marginb100 { margin-bottom: 100px;}
.marginl5 { margin-left: 5px;}
.marginl10 { margin-left: 10px;}
.marginl15 { margin-left: 15px;}
.marginl20 { margin-left: 20px;}
.marginl30 { margin-left: 30px;}
.marginl50 { margin-left: 50px;}
.marginl100 { margin-left: 100px;}
.marginr5 { margin-right: 5px;}
.marginr10 { margin-right: 10px;}
.marginr15 { margin-right: 15px;}
.marginr20 { margin-right: 20px;}
.marginr30 { margin-right: 30px;}
.marginr50 { margin-right: 50px;}
.marginr100 { margin-right: 100px;}
.padding10 { padding: 10px;}
.padding15 { padding: 15px;}
.padding30 { padding: 30px;}
.paddingt5 { padding-top: 5px;}
.paddingt10 { padding-top: 10px;}
.paddingt15 { padding-top: 15px;}
.paddingt20 { padding-top: 20px;}
.paddingt30 { padding-top: 30px;}
.paddingt50 { padding-top: 50px;}
.paddingt100 { padding-top: 100px;}
.paddingb5 { padding-bottom: 5px;}
.paddingb10 { padding-bottom: 10px;}
.paddingb15 { padding-bottom: 15px;}
.paddingb20 { padding-bottom: 20px;}
.paddingb30 { padding-bottom: 30px;}
.paddingb50 { padding-bottom: 50px;}
.paddingb100 { padding-bottom: 100px;}
.paddingl5 { padding-left: 5px;}
.paddingl10 { padding-left: 10px;}
.paddingl15 { padding-left: 15px;}
.paddingl20 { padding-left: 20px;}
.paddingl30 { padding-left: 30px;}
.paddingl50 { padding-left: 50px;}
.paddingl100 { padding-left: 100px;}
.paddingr5 { padding-right: 5px;}
.paddingr10 { padding-right: 10px;}
.paddingr15 { padding-right: 15px;}
.paddingr20 { padding-right: 20px;}
.paddingr30 { padding-right: 30px;}
.paddingr50 { padding-right: 50px;}
.paddingr100 { padding-right: 100px;} 


/*页面右侧*/
a:link,a:visited { text-decoration: none; }
a:hover,a:active { text-decoration: underline; }
a:focus {outline:none}

body { background-color: #000;}
.Container{width:1002px;margin:0px auto; clear:both; padding: 20px 0px;}
#nav_bar{ margin-left:24px; clear:both; padding-bottom:0; background-position:left 80%}
.Container h1{ line-height:28px;font-size:20px;font-weight:700;font-family:微软雅黑,宋体; text-align:center; color:#fff; width:100%; margin:0 auto; height: 28px;}

.button span{display:block;float:left;margin-top:0px;margin-left:10px;}
.button .btn_pro {padding-left:316px;width:146px;height:60px;text-indent:-9999px;}
.button .btn_pro a {display:block;width:146px;height:38px;background:url(../images/sprite.gif) no-repeat 0 -160px; margin-top:10px}
.button .btn_add {width:231px;height:60px;text-indent:-9999px;}
.button .btn_add a {display:block;width:231px;height:60px;background:url(../images/sprite.gif) no-repeat 0 -240px;}

/*toolBar*/
#toolBar {width:900px;overflow:hidden;height:15px; line-height:15px;color:#5C5C5C; margin:15px auto 0}
#toolBar ul.left{ float:left}
#toolBar ul.right{ float:right}
#toolBar li{float:left;font-size:12px;padding-right:7px; line-height:15px; list-style:none}
#toolBar li a:link,#toolBar li a:visited,#toolBar li a:hover{ line-height:15px}
#toolBar ul.left li{ position:relative; height:21px}
#toolBar li.tel {background:url(../images/icon.png) left -310px no-repeat;padding-left:16px;cursor:pointer;padding-right:16px;}
#toolBar .left li.full {background:url(../images/icon.png) no-repeat 0 0;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .left li.play {background:url(../images/icon.png) no-repeat 0 -14px;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .left li.stop {background:url(../images/icon.png) no-repeat -188px 0;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .left li.save {background:url(../images/icon.png) no-repeat 0 -28px;padding-left:21px;cursor:pointer;padding-right:16px;}
#toolBar .left li.save a:hover {text-decoration:none}
#toolBar li.comment {background:url(icon.png) no-repeat 0 -39px;padding-left:22px;cursor:pointer;padding-right:5px;}
#toolBar .left li.save a:hover,#toolBar .right li.comment a:hover {text-decoration:none}
#toolBar .right .shareQQ {background:url(../images/icon.png) no-repeat 0 -60px;padding-left:23px;cursor:pointer;padding-right:16px;padding-top:3px;margin-top:0px;}
#toolBar .right .shareWB {background:url(../images/icon.png) no-repeat 0 -80px;padding-left:22px;cursor:pointer;padding-top:3px;margin-top:0px; padding-right:0px}
#toolBar li a:link,#toolBar li a:visited{ color:#5c5c5c}
#toolBar li a:hover{ color:#cdcdcd; text-decoration:underline}

#imagebox{width:1002px;height:auto;overflow:hidden; margin:15px auto;position:relative;}
.image {text-align:center; margin:0 auto 0; min-height: 500px; _height: 500px; width: 1002px; background:#000 url(../images/loader.gif) no-repeat center 260px; }
.image img { padding:0; margin:0 auto; }
#go_pre,#go_next{ width:102px; height:95px;background:url(../images/next.png) no-repeat; position: absolute; top:280px; display:none; cursor:pointer;}
#go_pre{background-position:0 -95px; left:0;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left_next.png'); /* IE6 */_background-image: none; /* IE6 */}
#go_next{background-position:0 0; right:0;/* FF IE7 */background-repeat: no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right_next.png'); /* IE6 */_background-image: none; /* IE6 */}
.switch {width:1000px;height:155px; border: solid 1px #212121;margin:15px auto; clear:both; position:relative}
.icon1{display:inline;width:15px;float:left;padding-top:60px;padding-left:18px;text-indent:-9999px;}
.icon1 a{display:block;width:15px;height:30px;background:url(../images/sprite.gif) no-repeat -693px -92px;}
.icon1 a:hover {background:url(../images/sprite.gif) no-repeat -693px -132px;}
.icon2{float:right;width:15px;padding-top:60px;padding-right:15px;text-indent:-9999px;}
.icon2 a{display:block;width:15px;height:30px;background:url(../images/sprite.gif) no-repeat -670px -92px;}
.icon2 a:hover{background:url(../images/sprite.gif) no-repeat -670px -132px;}

.switch_center {float:left;width:835px;height:101px;margin-left:50px;overflow:hidden; padding-top: 30px;}
.switch_center ul { height: 101px;}
.switch_center li {_display:inline;float:left;width:150px;height:101px;margin-right:20px;}
.switch_center li a {display:block;width:144px;height:95px;border:3px solid #3d3d3d;}
.switch_center li a img {width:144px;height:95px;}
.switch_center li a.on {border:3px solid #fff;}
.switch_center li a:hover {border:3px solid #fff;}

.loading { width: 1002px; height: 500px;background:#000 url(../images/loader.gif) no-repeat center 240px; position: absolute; top:0; left: 0;}

.backindex{ float:right;}
.backindex a{ color:#FFF;}