@charset "GBK";
/* CSS Document 
Use for:	blog
Version:	1.01
Date:		2009/09/20
Author:		Toepy
Update:		20:56 2009-9-28 by toepy
Update:		16:43 2011-06-01 by millet
*/

/* CSS reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,img,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
input,select,textarea{ font-size:12px}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }

/* base */
body{margin:0 auto;text-align:center;font-size:12px;font-family:Arial, Helvetica, sans-serif}
.wrapper{margin:0 auto;width:1002px; text-align:left  }
td{font-size:12px;line-height:160%;}
.left{float:left}
.right{float:right}
.center{text-align:center;}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{+display:none;clear:both }
.clearfix{clear:both;}

/* link */
a {color:#2b67a4; text-decoration:none;}
a:hover {color:#adadad; text-decoration:none;}

/* fontsize */
.font9{font-size:9px;}


/* btn */
.btn{border:none;cursor:pointer;background:url(./images/btn.png) no-repeat}

/*flash*/
.flash { position:absolute; left:228px; top:1px;}

/* nav */
.nav { position:relative;}
.nav li{float:left;}
.nav a{display:block;height:46px;width:90px;text-indent:-10000px;overflow:hidden}

div.inner .sidetop{padding-top:10px;}

.header .set{display:block;float:left; position:relative;padding:1px 0 0 29px;}
.btn_quicklink{width:132px;height:23px;background-position:0 -63px}
.btn_style1{vertical-align:top;width:17px;height:19px;margin:13px 5px 0 10px;background-position:0 -87px;}
.btn_style2{vertical-align:top;width:17px;height:19px;margin:13px 3px 0 0;background-position:-17px -87px;}

.ico_sina{ position:absolute; right:-30px; top:12px;}
				.ico_sina a{ width:24px; height:20px; background:url(./images/ico_sina.gif) no-repeat; display:inline-block;}

.dialog{position:absolute;top:16px;*top:32px;right:7px;width:849px;z-index:100}
.dialog .item{float:left;width:116px;padding-left:50px;background:url(./images/dialog_line.gif) no-repeat right top; min-height:178px; _height:178px;}
.dialog li{line-height:25px;text-indent:10px;background:url(./images/icon.png) no-repeat scroll left 9px;}
.dialog_top{height:20px;background:url(./images/dialog_top.gif) no-repeat;}
.dialog_repeat{background:url(./images/dialog_repeat.gif) repeat-y;}
.dialog .item h2{height:18px;width:85px;margin:5px;font-size:16px;text-indent:-10000px;color:#6f6f6f;font-family:"微软雅黑";background:url(./images/dialog_title.png) no-repeat}
.dialog .menhu h2{background-position:-85px 0;}
.dialog .ad h2{background-position:-170px;}
.dialog .cg h2{background-position:-255px 0;}
.dialog .other h2{background-position:-340px 0;}
.dialog .other{background:none;}


.dialog_con{padding:10px 8px;background:url(./images/dialog_con.gif) no-repeat top;zoom:1}
.dialog_btm{height:40px;background:url(./images/dialog_btm.gif) no-repeat bottom;overflow:hidden;zoom:1}
.dialog_btm .btn_close{float:right;display:block;width:56px;height:15px;line-height:15px;text-indent:20px;font-size:11px;margin:24px 10px 0 0;color:#fff;background-position:0 -106px;}

.infiniteCarousel{width:1002px;height:200px;position: relative;z-index:50}
.infiniteCarousel .wrapper{width:931px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */overflow:auto;height:200px;padding:13px 0 0 71px;}
.infiniteCarousel .arrow{display: block;height:30px;width:117px;background:url(./images/picscollbtn.jpg) no-repeat;text-indent: -999px;position:absolute;bottom:-4px;cursor:pointer;outline:none}
.infiniteCarousel .forward{left:380px}
.infiniteCarousel .back{background-position:-120px 0;left:497px}

.main{padding-top:10px;}
.handlefix{position:relative;width:20px;float:left;}
.handlefix a{display:block;width:17px;height:16px;margin-bottom:3px;background:url(./images/fix_btn.gif) no-repeat}
.content{padding:10px 30px;}

.main .sidebar{float:left;width:265px;padding-bottom:10px;background-position:-265px bottom;}
.main .siderepeat{background-repeat:repeat-y;}
.sidebar h2{clear:both;margin:10px 0 10px 5px;text-indent:-10000px;width:80px;height:25px;background:url(./images/menusprite.jpg) no-repeat;overflow:hidden;}

.sidebar .info h2 { width:100px;}

.sidebar .info { font-size:11px;}
.sidebar .logo .con{zoom:1}

.card{position:absolute;top:-35px;left:-20px;width:285px;height:175px;text-indent:-10000px;background:url(./images/card.png) no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://viviling.com/wp-content/themes/custom/images/card.png");_background:none;}
.search{width:254p;height:29px;background:url(./images/searchbar.png) no-repeat;}
.search .itext{width:220px;height:20px;padding-top:6px;text-align:right;color:#cfcfcf;border:none;background:none}
.btn_search{width:25px;height:25px;cursor:pointer;vertical-align:top;border:none;background:none}

.sidebar .column,.sidebar .columntop,.sidebar .columnbt,.sidebar .con_bg{background:url(./images/sidecolsprite.png) no-repeat;}
.sidebar .column{width:253px;padding-bottom:10px;background-position:-506px bottom;}
.sidebar .columnbt {background-position:-506px 0;}
.sidebar .columntop,.sidebar .columnbt{height:10px; overflow:hidden;}

.sidebar .con_bg{background-position:-253px 0;background-repeat:repeat-y; height:1%;}
.sidebar .column .con{background:url(./images/sidecoltop.png) no-repeat top;overflow:hidden;zoom:1}
.sidebar .column li{line-height:30px;margin:0 10px;border-bottom:#b8b8b8 1px dotted;}
.sidebar .column li a{padding-left:10px;background:url(./images/icon.png) no-repeat left 5px;}
.sidebar .column li p{color:#adadad;padding-left:10px}

.sidebar .links { background:none; padding:0; margin:0;} /*重新定义 .column 样式 */

.more{clear:both;text-align:right;padding:5px 10px}
.btn_more{display:block;text-align:left;text-indent:5px;width:46px;height:15px;line-height:14px;float:right;font-size:11px;color:#fff;background-position:0 -48px}
.btn_more:hover{color:#999}

.logo_white,.logo_black{display:block;margin-left:5px;float:left;width:100px;height:45px;padding:4px 0 0 6px;background:url(./images/logobg.jpg) no-repeat}

.info li{color:#739cdd;line-height:25px;margin:0 10px;text-indent:8px;background:url(./images/icon.png) no-repeat left -13px;}
.info li span{color:#fff;margin-left:5px}

.container{width:683px;float:left;padding-left:10px}

.details{color:#777;text-align:right;padding-right:10px;font-size:11px}
.details span{margin:0 2px}
.details a{font-size:12px;}

.footer_set{padding-top:10px;}
.footer_set a{display:block;width:90px;height:17px;text-indent:20px;margin-bottom:5px;line-height:17px;background:url(./images/icon.png) no-repeat;}
.footer_set .rss{background-position:left -49px;}
.footer_set .favorites{background-position:left -66px;}

.main_comment h2 { position:relative;}
.abs_reply { position:absolute; left:870px; top:0; font-size:12px; text-align:center; font-weight:normal;}

.btn_reply{width:79px;height:31px;line-height:31px;color:#fff;background-position:0 -122px;}
.btn_reply:hover{color:#CCC}

/* login */
.login{width:883px;margin:0 auto;padding-bottom:261px;font-size:11px;position:relative;}

.login_infor { position:absolute; left:0px; top:441px; width:270px;}
.login p{clear:both;padding:10px 0 0 0;overflow:hidden;zoom:1;}

.login_top{width:883px;height:84px;background:url(./images/login_top.jpg) no-repeat;}
.login_left{width:520px;height:241px;float:left;background:url(./images/login_left.jpg) no-repeat;overflow:hidden;}
.login_right{width:363px;height:241px;float:left;background:url(./images/login_right.jpg) no-repeat;}
.login_btm{clear:both;height:105px;background:url(./images/login_btm.jpg) no-repeat;}
.login_fix { position:absolute; background:url(./images/login_fix.jpg) no-repeat; width:317px; height:261px; left:566px; top:430px;}

.login label{display:block;float:left;padding-right:10px;text-align:right;width:100px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
.login .itext{ background:url(./images/itext.jpg) no-repeat; width:133px; height:18px; border:0; margin:0; padding:0 0 0 4px; line-height:18px;font-size:11px;}
.back_login{ text-align:right; padding:10px 24px 0 0;}

.btn_quicklink{width:132px;height:46px;background:url(./images/linkbtn.gif) no-repeat}

/*首页轮播*/
.hot-spots-pic{}
.hot-spots-box img { margin-right:20px; overflow:hidden; width:200px; height:150px;}
.hot-spots-pic,.hot-spots-pic2{ display:inline; float:left; white-space:nowrap; overflow:hidden; }
.hot-spots-box{ width:30000px;}
#ISL_Cont_1{ width:860px; overflow:hidden;}

/*评论部分*/
.main_comment{clear:both;width:950px;padding-left:20px}
.comment_box .children .comment_box { margin-bottom:0px; width:98%; margin-bottom:20px;}
.comment_box .children { padding:20px 20px 4px 20px; overflow:hidden;}
.comment_box { width:100%; margin:0 auto; margin-bottom:40px;}
.comment_box dt { width:9%; overflow:hidden;}
.comment_box dd { width:87%; overflow:hidden;}

/*Album*/
.ngg-album { clear:both;}