@charset "utf-8";
html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0;font-family:"Microsoft yahei",Simsun,Arial; font-size:14px; }
div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6{ }

/* IE5.xIE6bug */ 
* html body{overflow: visible; background-color:#f9f9f9;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */
html { background-color:#ffffff; }
body{color:#333; font:12px/22px "";} 
i, em, cite { font-style: normal; }

/* a */ 
a, a:link { text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: none; color:#333; }
a:focus { outline: none; }

/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px}
.button {vertical-align:middle;font-size:12px}
.button { cursor: pointer; }

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/*web_temp*/
.web_tempbox{ width:966px; height:auto; overflow:hidden; margin:0 auto; padding:0px;}
.web_temp_title{ height:32px; line-height:32px; padding:20px 0px 20px 40px; background:#e7e7e7;}
.web_temp_title ul{ height:100%;}
.web_temp_title ul li{ height:32px; float:left;}
.web_temp_title ul li.titpr_25{ padding-right:35px;}
.web_temp_title ul li.titpr_25 .color-selecter { cursor:pointer; }
.web_temp_title ul li p{ font-size:15px; color:#333; line-height:32px; float:left;}
.web_temp_title ul li i{ height:33px; display:block; float:left; background:url(/images/tpllist/web_temp_bj.jpg) no-repeat 0px 0px;}
.web_temp_title ul li i.all_temp{ width:28px; background-position:0px 0px;}
.web_temp_title ul li i.rgb_straw{ width:29px; background-position:-33px 3px;}
.web_temp_title ul li i.rgb_color{ width:22px; background-position:-60px 2px;}
.web_temp_title ul li span{ width:20px; height:20px; display:block; float:left; margin:7px 12px 0px 0px; border:solid 1px #fff;}
.web_temp_title ul li span.rgb_red{ background:#fe0000;}
.web_temp_title ul li span.rgb_orage{ background:#ff6600;}
.web_temp_title ul li span.rgb_yellow{ background:#ff6600;}
.web_temp_title ul li span.rgb_green{ background:#008001;}
.web_temp_title ul li span.rgb_skyblue{ background:#32cccc;}
.web_temp_title ul li span.rgb_blue{ background:#0000fd;}
.web_temp_title ul li span.rgb_pink{ background:#fe68ff;}
.web_temp_title ul li span.rgb_purple{ background:#81007f;}
.web_temp_title ul li span.rgb_white{ background:#ffffff;}
.web_temp_title ul li span.rgb_gray{ background:#999999;}
.web_temp_title ul li span.rgb_brown{ background:#9a3101;}
.web_temp_title ul li span.rgb_black{ background:#000000;}
.web_temp_title ul li div{ width:190px; height:28px; background:url(/images/tpllist/web_temp_bj.jpg) no-repeat -4px -45px; padding-left:10px; margin-top:5px;}
.web_temp_title ul li div input{ width:155px; height:28px; border:none; background:none; line-height:28px; font-size:12px; color:#fff; float:left; outline:none;} 
.web_temp_title ul li div a{  width:25px; height:28px; display:block; float:left;}

.web_temp_warp{ width:100%; height:auto; overflow:hidden;}
.web_temp_warp .web_temp_left{ width:220px; height:auto; overflow:hidden; border-right: solid 1px #ccc; float:left; background:#fafafa; margin:0px; padding:20px 0px 80px 0px;}
.web_temp_listname{ width:100%; height:auto; overflow:hidden;}
.web_temp_listname li{ padding-left:40px; width:180px; height:26px; line-height:26px;}
.web_temp_listname li.list_chick,.web_temp_listname li:hover{ background:url(/images/tpllist/web_temp_bj.jpg) no-repeat 0px -134px;}
.web_temp_listname li a{ font-size:14px; color:#666; cursor:pointer; font-family:"Microsoft yahei";} 
.web_temp_warp .web_temp_rihgt{ width:745px; height:auto; overflow:hidden; float:left;}
.web_temp_chick{ padding:20px 25px; height:30px; position:relative; background:#fbfbfb;}
.web_temp_chick .temp_chick_tit{ width:110px; height:30px; line-height:30px; display:block; background:#0075ff; font-size:16px; text-align:center; color:#fff;-family:"Microsoft yahei"; float:left; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.web_temp_chick .temp_chickname{ width:280px; height:30px; position:absolute; top:10px; right:20px;}
.web_temp_chick .temp_chickname p{ width:auto; float:left; line-height:42px; font-size:14px; color:#333; padding-right:5px;}
.web_temp_chick .temp_chickname span{ width:158px; height:30px; background:url(/images/tpllist/web_temp_bj.jpg) no-repeat -5px -85px; display:block; float:left; line-height:30px; color:#0075ff; text-align:center;}
.web_temp_pic{ width:100%; height:auto; overflow:hidden; padding:0px; margin:0px; border-top: solid 1px #ccc;}
.web_temp_pic ul{ height:auto; overflow:hidden; width:100%; margin-top:1px; background:#f6f6f6; padding:25px 0px 0px;}
.web_temp_pic ul li{ width:210px; height:183px; border:solid 1px #ccc; float:left; margin:0px 0px 25px 25px;_margin:0px 0px 20px 20px; position:relative;}
.web_temp_pic ul li:hover{border-color:#2e8dfd;}
.web_temp_pic ul li img{ width:200px; height:145px; margin:5px;}

.web_temp_pic ul li a:hover span{ display:block;}
.web_temp_pic ul li a span{ width:200px; height:145px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); position:absolute;top:5px; left:5px;display:none; }
.web_temp_pic ul li a span div{margin:0 auto; width:200px; height:145px; background:url(/images/tpllist/web_icon.png) no-repeat center;}

.web_temp_pic ul li p{ width:100%; height:26px; position:relative; top:0px; left:0px;}
.web_temp_pic ul li p span{ width:auto; display:block; position:absolute; left:5px; top:0px;height:26px; line-height:26px;  font-size:12px; color:#666;} 
.web_temp_pic ul li p a{ width:55px; height:26px; position:absolute; right:10px; top:2px; display:block; cursor:pointer; color:#666; font-size:12px;}
.web_temp_pic ul li p a i{ width:24px; height:20px; background:url(/images/tpllist/web_temp_bj.jpg) no-repeat -13px -170px; display:block; float:left;}
.web_temp_pic ul li p a:hover i{ background-position: -52px -170px;}
.web_temp_pic ul li p a:hover{ color:#0075ff;}

/* pagination */
.pagination{font-size:80%; position:relative; left:30px; top:0px; padding-top:20px; line-height:25px;}
.pagination a{ width:25px; height:25px; text-align:center; line-height:25px;text-decoration:none;border:solid 1px #ccc;color:#666;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.pagination a, .pagination span{display:inline-block;float:left; height:25px; line-height:25px; text-align:center; width:25px;margin-right:10px;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.pagination .current{background:#0075ff;color:#fff;border:solid 1px #0075ff;}
.pagination .current.prev, .pagination .current.next{border-color:#ccc;background:#fff;}
.pagination .current.prev,.pagination a.prev{ background:url(/images/tpllist/web_temp_bj.jpg) no-repeat -121px -172px;}
.pagination .current.next,.pagination a.next{ background:url(/images/tpllist/web_temp_bj.jpg) no-repeat -146px -172px;}

/*roll_top*/
.web_roll_top{ width:30px; height:auot;position:fixed; bottom:160px; right:50%; margin-right:-483px;}
.web_roll_top a{ width:30px; height:30px; background:url(/images/tpllist/web_temp_tb.jpg) no-repeat 0px 0px; display:block; cursor:pointer; margin-bottom:10px;}
.web_roll_top a.back_top{ background-position:0px 0px;}
.web_roll_top a.back_top:hover{background-position:0px -30px;}
.web_roll_top a.box_close{ background-position:0px -60px;}
.web_roll_top a.box_close:hover{ background-position:0px -90px;}

#search-template { cursor:pointer; }
.pagination a.first,.pagination a.last { padding:0 5px; }
.pagination span.first,.pagination span.last { border:1px solid #cccccc; padding:0 5px; }
.pagination span.font { float:left; width:auto; margin-right:5px; }
.pagination input.text { float:left; width:40px; border:1px solid #cccccc; margin-top:4px; }
.pagination input.submit { float:left; border:1px solid #cccccc; width:35px; height:19px; background-color:transparent; border-radius:3px; padding:0 5px; cursor:pointer; margin:4px 0 0 10px; }