@charset "utf-8"; /* 懒人图库 搜集整理 www.lanrentuku.com */ /*焦点图*/ img {border:0} .focus{ position:relative; width:325px; height:230px; background-color: #000; float: left; margin-top:6px;} .focus img{ width: 325px; height: 230px;} .focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000')\9; display:block; text-align:left; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon img{ display:block; } .focus .fbg{ bottom:11px; right:125px; position:absolute; height:21px; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; margin-top:50px; } .focus .D1fBt a{ position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#a00;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{ position:absolute; width:40px; height:74px; background: url(../images/focus_btn.png) no-repeat; } .focus .prev{ top: 45%; margin-top: -37px; background-position:0 -74px; cursor:pointer;} .focus .next{ top: 45%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} /*焦点图*/ .focusTop{ position:relative; width:325px; height:230px; background-color: #000; float: left;} .focusTop img{ width: 325px; height: 230px;} .focusTop .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focusTop .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focusTop .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focusTop .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusTop .btn a:hover,.focusTop .btn a.current{ cursor:pointer;background:#fc114a;} .focusTop .fPic{ position:absolute; left:0px; top:0px; } .focusTop .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focusTop .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000')\9; display:block; text-align:left; } .focusTop .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focusTop .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focusTop .fcon img{ display:block; } .focusTop .fbg{ bottom:11px; right:125px; position:absolute; height:21px; text-align:center; z-index: 200; } .focusTop .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; margin-top:50px; } .focusTop .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#bcbcbc; } .focusTop .D1fBt .current,.focusTop .D1fBt a:hover{background:#a00;} .focusTop .D1fBt img{display:none} .focusTop .D1fBt i{display:none; font-style:normal; } .focusTop .prev,.focusTop .next{ position:absolute; width:40px; height:74px; background: url(../images/focus_btn.png) no-repeat; } .focusTop .prev{ top: 45%; margin-top: -37px; background-position:0 -74px; cursor:pointer;} .focusTop .next{ top: 45%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focusTop .prev:hover{ background-position:0 0; } .focusTop .next:hover{ background-position:-40px 0;} /*焦点图多图*/ .focusPics{ position:relative; width:250px; height:290px; background-color: #000; float: left;} .focusPics img{ width: 250px; height: 290px;} .focusPics .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focusPics .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focusPics .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focusPics .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusPics .btn a:hover,.focusPics .btn a.current{ cursor:pointer;background:#fc114a;} .focusPics .fPic{ position:absolute; left:0px; top:0px; } .focusPics .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focusPics .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000')\9; display:block; text-align:left; } .focusPics .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focusPics .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focusPics .fcon img{ display:block; } .focusPics .fbg{ bottom:4px; right:16px; position:absolute; height:21px; text-align:center; z-index: 200;} .focusPics .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focusPics .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusPics .D1fBt .current,.focusPics .D1fBt a:hover{background:#a00;} .focusPics .D1fBt img{display:none} .focusPics .D1fBt i{display:none; font-style:normal; } .focusPics .prev,.focusPics .next{ position:absolute; width:40px; height:74px; background: url(../images/focus_btn.png) no-repeat; } .focusPics .prev{ top: 45%; margin-top: -37px; background-position:0 -74px; cursor:pointer;} .focusPics .next{ top: 45%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focusPics .prev:hover{ background-position:0 0; } .focusPics .next:hover{ background-position:-40px 0;} /*右侧专题小图*/ .focusZt{ position:relative; width:250px; height:60px; background-color: #000; float: left;} .focusZt img{ width: 250px; height: 60px;} .focusZt .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focusZt .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focusZt .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focusZt .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusZt .btn a:hover,.focusZt .btn a.current{ cursor:pointer;background:#fc114a;} .focusZt .fPic{ position:absolute; left:0px; top:0px; } .focusZt .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focusZt .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000')\9; display:block; text-align:left; } .focusZt .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focusZt .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focusZt .fcon img{ display:block; } .focusZt .fbg{ bottom:11px; right:16px; position:absolute; height:21px; text-align:center; z-index: 200;} .focusZt .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focusZt .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusZt .D1fBt .current,.focusZt .D1fBt a:hover{background:#a00;} .focusZt .D1fBt img{display:none} .focusZt .D1fBt i{display:none; font-style:normal; } .focusZt .prev,.focusZt .next{ position:absolute; width:40px; height:74px; background: url(../images/focus_btn.png) no-repeat; } .focusZt .prev{ top: 45%; margin-top: -37px; background-position:0 -74px; cursor:pointer;} .focusZt .next{ top: 45%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focusZt .prev:hover{ background-position:0 0; } .focusZt .next:hover{ background-position:-40px 0;} /*右侧专题小图*/ .focusZtPic{ position:relative; width:250px; height:150px; background-color: #000; float: left;} .focusZtPic img{ width: 250px; height: 150px;} .focusZtPic .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focusZtPic .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focusZtPic .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focusZtPic .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusZtPic .btn a:hover,.focusZtPic .btn a.current{ cursor:pointer;background:#fc114a;} .focusZtPic .fPic{ position:absolute; left:0px; top:0px; } .focusZtPic .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focusZtPic .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000')\9; display:block; text-align:left; } .focusZtPic .shadow a{ text-decoration:none; color:#fff; font-size:12px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focusZtPic .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focusZtPic .fcon img{ display:block; } .focusZtPic .fbg{ bottom:4px; right:16px; position:absolute; height:21px; text-align:center; z-index: 200;} .focusZtPic .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focusZtPic .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focusZtPic .D1fBt .current,.focusZtPic .D1fBt a:hover{background:#a00;} .focusZtPic .D1fBt img{display:none} .focusZtPic .D1fBt i{display:none; font-style:normal; } .focusZtPic .prev,.focusZtPic .next{ position:absolute; width:40px; height:74px; background: url(../images/focus_btn.png) no-repeat; } .focusZtPic .prev{ top: 45%; margin-top: -37px; background-position:0 -74px; cursor:pointer;} .focusZtPic .next{ top: 45%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focusZtPic .prev:hover{ background-position:0 0; } .focusZtPic .next:hover{ background-position:-40px 0;}