/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/
/*
#login_fly { display: block; }
*/
/* COLUMN 1 */
/** LEFT **/
.i_col_1_l, .i_col_1_r { display: block; margin-top: 10px; margin-bottom: 10px; background-color: #FFF; }
.i_col_1_l { float: left; width: 220px; height: 286px; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.i_col_1_l p { margin-bottom: 0; border-top: 1px solid #BCBCBC; }
.i_col_1_l p label { display: inline-block; margin-left: -1px; margin-top: -1px; width: 110px; line-height: 30px; border: 1px solid #BCBCBC; border-top: none; border-right: none; color: #000; text-align: center; cursor: pointer; }
.i_col_1_l p label:hover { color: #3B75C6; }
.i_col_1_l p label.current { border-top: 2px solid #3B75C6; border-bottom: 1px solid #FFF; }
.i_col_1_l .move { height: 285px; overflow: hidden; }
.i_col_1_l .move ul { display: inline-block; margin-top: 0px; padding: 0 10px; }
.i_col_1_l .move li { float: left; display: block; margin: 10px 0 0; width: 200px; height: 20px; overflow: hidden; }
.i_col_1_l .move li a { display: block; background: url(../images/icon.gif) -143px -113px no-repeat; text-indent: 10px; }

/** RIGHT **/
.i_col_1_r_t { display: block; position: absolute; z-index: 20; margin-left: 228px; margin-top: 6px; width: 60px; height: 60px; background: url(../images/png.png) -100px top no-repeat; text-indent: -100px; overflow: hidden; }
* html .i_col_1_r_t { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */

.i_col_1_r { float: right; position: relative; margin-left: 10px; width: 728px; height: 287px; background-color: #FFF; overflow: hidden; }
.i_col_1_r .img { float: left; display: block; margin-top: 0; width: 550px; overflow: hidden; } /* 高度287的倍数 js控制 */
.i_col_1_r .img li { float: left; display: inline; width: 550px; }
.i_col_1_r .img li a { display: block; width: 550px; height: 287px; color: #FFF; overflow: hidden; }
.i_col_1_r .img li a img { height: 287px; } /* 固定图片高度 */
.i_col_1_r .text { float: right; display: block; margin-top: 0; width: 176px; }
.i_col_1_r .text li { display: block; margin-bottom: 1px; background: url(../images/bg.gif) left -80px repeat-x; }
.i_col_1_r .text li.current { background-image: none; background-color: #3B75C6; }
.i_col_1_r .text li a { display: block; padding: 10px 20px; width: 136px; height: 51px; text-align: center; overflow: hidden; }
.i_col_1_r .text li a:hover, .i_col_1_r .text li.current a { color: #FFF; text-decoration: none; }
.i_col_1_r .text li b { display: block; height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; overflow: hidden; }

.i_col_1_r .point { position: absolute; margin: 20px 0 0 -15px; width: 17px; height: 30px; background: url(../images/png.png) left top repeat-x; text-indent: -1000px; overflow: hidden; }
* html .i_col_1_r .point { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */

.i_col_1_r .dot { position: absolute; margin: 260px 0 0; }
* html .i_col_1_r .dot { margin-left: -550px; }
* +html .i_col_1_r .dot { margin-left: -550px; }
.i_col_1_r .dot i { display: inline-block; margin: 0 3px; width: 15px; height: 15px; line-height: 15px; background-color: #999; color: #FFF; text-align: center; overflow: hidden; cursor: pointer; }
.i_col_1_r .dot i:hover, .i_col_1_r .dot i.current { background-color: #3B75C6; }

/* COLUMN 2 */
/** LEFT **/
.i_col_2_l { float: left; margin-bottom: 10px; width: 222px; background-color: #EAEAEA; }
.i_col_2_l p { margin-bottom: 0; padding: 0 10px; line-height: 35px; background-color: #3B75C6; color: #FFF; font-size: 16px; font-family: "微软雅黑", "宋体"; }
.i_col_2_l ul { display: inline-block; padding: 0 10px; width: 200px; height: 380px; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.i_col_2_l li { float: left; display: block; margin: 10px 0 0; width: 100%; height: 20px; overflow: hidden; }
.i_col_2_l li a { display: block; background: url(../images/icon.gif) -143px -113px no-repeat; text-indent: 10px; }
.i_col_2_l li.last a { float: right; background: none; color: #3B75C6; }

/** RIGHT **/
.i_col_2_r { float: left; margin-bottom: 10px; width: 737px; background-color: #FFF; border-right: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; }
.i_col_2_r .p_title label, .i_col_2_r .p_title a { padding: 0 20px; }

.i_col_2_r .list { position: relative; margin: 0 23px 0 24px; width: 690px; height: 380px; overflow: hidden; }
.i_col_2_r .list ul { float: left; display: block; margin-left: 0; } /* 宽度230的倍数 js控制 */
.i_col_2_r .list li { float: left; display: inline; margin: 15px 5px 5px 0; padding: 10px 10px 23px; }
.i_col_2_r .list li p { margin-bottom: 5px; width: 205px; height: 260px; overflow: hidden; }
.i_col_2_r .list li a.img { display: block; width: 205px; height: 260px; text-align: center; overflow: hidden; }
.i_col_2_r .list li a.img img { height: 260px; }
.i_col_2_r .list li a.text { display: block; margin-top: 0; padding: 5px; width: 195px; height: 55px; background-color: #000; color: #FFF; text-align: left; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; overflow: hidden; }
.i_col_2_r .list li a.text:hover { text-decoration: none; }
.i_col_2_r .list li p:hover a.text { margin-top: -65px; }
.i_col_2_r .list li span { display: block; margin: 0; width: 205px; height: 25px; line-height: 25px; background-color: #FFF; overflow: hidden; }
.i_col_2_r .list li span a { color: #3B75C6; }
.i_col_2_r .list li span .vip { float: right; display: block; margin: 5px 0; width: 18px; height: 15px; background: url(../images/icon.gif) left -150px no-repeat; text-indent: -2000px; }

.i_col_2_r .prev, .i_col_2_r .next { clear: both; float: left; display: inline-block; position: relative; top: -365px; margin: 0 0 -365px; width: 15px; height: 365px; background-color: #FFF; text-indent: -2000px; }
.i_col_2_r .prev i, .i_col_2_r .next i { float: left; display: inline-block; margin: 130px 0; width: 15px; height: 42px; }
.i_col_2_r .prev { left: 0; padding-left: 8px; }
.i_col_2_r .prev i.have, .i_col_2_r .next i.have { background: url(../images/icon.gif) no-repeat #FFF; cursor: pointer; }
.i_col_2_r .prev i.have { background-position: -19px -436px; }
.i_col_2_r .prev i.have:hover { background-position: 0 -436px; }
.i_col_2_r .next { left: 714px; padding-right: 8px;  }
.i_col_2_r .next i.have { background-position: -19px -484px; }
.i_col_2_r .next i.have:hover { background-position: 0 -484px; }


/* COLUMN 3 */
.i_col_3 { clear: both; margin-bottom: 10px; padding-bottom: 10px; width: 960px; background-color: #FFF; overflow: hidden; }
.i_col_3 ul { width: 1020px; }
.i_col_3 li { float: left; display: inline; margin-right: 60px; padding-left: 20px; width: 260px; height: 35px; line-height: 35px; background: url(../images/icon.gif) -133px -106px no-repeat; border-bottom: 1px solid #D9D9D9; overflow: hidden; }
.i_col_3 li a.tag { margin-right: 5px; color: #3B75C6; }
.i_col_3 li i { float: right; margin: 0 10px; color: #999; }


/* COLUMN 4 */
/** LEFT **/
.i_col_4_l { float: left; margin-bottom: 10px; width: 222px; background-color: #EAEAEA;}
.i_col_4_l .t { margin-bottom: 0; padding: 0 10px; line-height: 35px; background-color: #3B75C6; color: #FFF; font-size: 16px; font-family: "微软雅黑", "宋体"; }
.i_col_4_l .list { width: 220px; height: 314px; background-color: #F5F5F5; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC; overflow: hidden; }
.i_col_4_l .move { margin-top: 0; }
.i_col_4_l .move dl { height: 31px; overflow: hidden; }
.i_col_4_l .move dl.current { height: auto; }
.i_col_4_l .move dt { padding: 5px 0; background-color: #EAEAEA; border-bottom: 1px solid #BCBCBC; color: #000; font-size: 14px; text-align: center; cursor: pointer; }
.i_col_4_l .move dt:hover { background-color: #F1F1F1; color: #3B75C6; }
.i_col_4_l .move dt a { color: #000; font-size: 14px; }
.i_col_4_l .move dt a:hover { color: #3B75C6; }
.i_col_4_l .move dd { display: block; padding: 0 10px 10px; height: 180px; border-bottom: 1px solid #BCBCBC; overflow: hidden; }
.i_col_4_l .move li { float: left; display: block; margin: 10px 0 0; width: 100%; height: 20px; overflow: hidden; }
.i_col_4_l .move li a { display: block; background: url(../images/icon.gif) -143px -114px no-repeat; text-indent: 10px; }
.i_col_4_l .point { margin-bottom: 0; height: 30px; background-color: #EAEAEA; border: 1px solid #BCBCBC; text-align: center; }
.i_col_4_l .point .prev, .i_col_4_l .point .next { display: inline-block; }
.i_col_4_l .point i { display: block; margin: 11px 3px; width: 13px; height: 7px; background: url(../images/icon.gif) no-repeat; text-indent: -1000px; overflow: hidden; }
.i_col_4_l .point .prev i { background-position: 0 -180px; }
.i_col_4_l .point .next i { background-position: -20px -180px; }
.i_col_4_l .point .prev i.have { background-position: 0 -190px; cursor: pointer; }
.i_col_4_l .point .next i.have { background-position: -20px -190px; cursor: pointer; }

/** RIGHT **/
.i_col_4_r { float: left; position: relative; margin-bottom: 10px; width: 737px; height: 380px; background-color: #FFF; border-right: 1px solid #BCBCBC; border-bottom: 1px solid #BCBCBC; overflow: hidden; }
.i_col_4_r .t { line-height: 32px; border-top: 2px solid #3B75C6; border-bottom: 1px solid #D9D9D9; text-align: right; }
.i_col_4_r .t a { padding: 0 10px; color: #3B75C6; }
.i_col_4_r .t label { float: left; padding: 0 15px; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; color: #3B75C6; font-size: 14px; cursor: pointer; }
.i_col_4_r .t label.current { border-bottom: 1px solid #FFF; }
.i_col_4_r .d { position: relative; padding: 0 10px; height: 345px; overflow: hidden; }

.i_col_4_r .list { float: left; width: 515px; }
.i_col_4_r .list li { float: left; display: inline; margin-right: 20px; padding-left: 20px; width: 217px; height: 25px; line-height: 25px; background: url(../images/icon.gif) -133px -142px no-repeat; overflow: hidden; }
.i_col_4_r .list li.last { margin-bottom: 30px; }

.i_col_4_r .img { float: right; position: relative; width: 202px; overflow: hidden; }
.i_col_4_r .img ul { float: left; display: block; margin-left: 0; margin-bottom: 3px; height: 280px; overflow: hidden; } /* 宽度202的倍数 js控制 */
.i_col_4_r .img li { float: left; display: inline; width: 202px; }
.i_col_4_r .img li a { display: block; width: 202px; height: 280px; text-align: center; color: #FFF; overflow: hidden; }
.i_col_4_r .img li a:hover { color: #FFF; text-decoration: none; }
.i_col_4_r .img li a img { height: 280px; } /* 固定图片高度 */
.i_col_4_r .img li a span { display: block; position: relative; top: -70px; margin-bottom: -70px; padding: 10px; width: 182px; height: 33px; background-color: #000; text-align: center; cursor: pointer; overflow: hidden; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.i_col_4_r .img .dot { clear: both; margin: 0 auto; width: 63px; }
.i_col_4_r .img .dot i { float: left; display: inline-block; margin: 10px 5px 0; width: 11px; height: 11px; background: url(../images/icon.gif) -17px -97px no-repeat; text-indent: -2000px; overflow: hidden; cursor: pointer; }
.i_col_4_r .img .dot i:hover, .i_col_4_r .img .dot i.current { background: url(../images/icon.gif) left -97px no-repeat; }


/* COLUMN 4 */
.i_col_5 { clear: both; margin-bottom: 10px; padding-bottom: 15px; width: 960px; background-color: #FFF; overflow: hidden; }
.i_col_5 ul { width: 980px; }
.i_col_5 li { float: left; display: inline-block; margin: 15px 20px 0 0; width: 470px; height: 88px; overflow: hidden; }
.i_col_5 li i { color: #999; }
.i_col_5 li span { display: block; margin-bottom: 10px; width: 248px; height: 40px; font-size: 14px; overflow: hidden; }
.i_col_5 li a.img { float: left; display: block; margin: 0 10px 0 0; width: 200px; height: 82px; border: 1px solid #D9D9D9; overflow: hidden; }
.i_col_5 li a.img img { height: 82px; } /* 固定图片高度 */
.i_col_5 li a.img:hover { border: 1px solid #3B75C6; }