/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

/* TITLE */
.title { float: left; display: block; width: 100%; height: 25px; line-height: 25px; background: url(../images/bg3.gif) left top repeat; }
.title b { float: left; padding: 0 10px 0 0; background-color: #FFF; color: #000; font-size: 24px; font-family: "微软雅黑", "宋体"; font-weight: normal; }
.title a { float: right; margin: 0 10px; color: #000; }
.title a.more, .title a:hover { color: #00A2FF; }
.title span { float: right; }
.title span a { float: left; }

/* COLUMN */
.col { float: left; margin-bottom: 15px; padding: 10px 10px 20px; width: 940px; background-color: #FFF; overflow: hidden; }

.col_1 { float: left; position: relative; margin-bottom: 15px; width: 960px; height: 385px; background-color: #FFF; overflow: hidden; }
.col_1 ul { display: inline-block; margin-left: 0; }
.col_1 li { float: left; display: inline; width: 320px; height: 385px; }
.col_1 li a { display: block; width: 320px; height: 385px; color: #FFF; font-size: 14px; text-align: center; overflow: hidden; }
.col_1 li a img { height: 385px; }/* 固定图片高度 */
.col_1 li a span { display: block; position: relative; top: -30px; margin-bottom: -30px; padding: 5px 10px; width: 300px; background-color: #000; text-align: center; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.col_1 li a span b { display: block; height: 20px; color: #FFF; font-weight: normal; overflow: hidden; }
.col_1 li a:hover { color: #FFF; text-decoration: none; }
.col_1 li a:hover img { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.col_1 li a:hover span { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }

.col_1 .prev, .col_1 .next { clear: both; float: left; display: inline-block; position: relative; top: -230px; margin: 0 0 -230px; width: 35px; height: 70px; text-indent: -2000px; }
.col_1 .prev i, .col_1 .next i { float: left; display: inline-block; width: 35px; height: 70px; background: url(../images/icon.png) no-repeat #000; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; cursor: pointer; }
.col_1 .prev i:hover, .col_1 .next i:hover { filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.col_1 .prev { left: 0; }
.col_1 .prev i { background-position: -42px -58px; }
.col_1 .next { left: 925px; }
.col_1 .next i { background-position: -42px -119px; }
* html .col_1 .prev i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */
* html .col_1 .next i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */


.col_2 .t { display: inline-block; width: 100%; height: 25px; line-height: 25px; }
.col_2 .t b { padding: 0 10px 0 0; background-color: #FFF; color: #000; font-size: 24px; font-family: "微软雅黑", "宋体"; font-weight: normal; }

.col_2 .r { float: right; width: 265px; }
.col_2 .r .t { margin-bottom: 0; }
.col_2 .r .t b { font-size: 16px; }
.col_2 .r li { float: left; display: block; width: 100%; height: 30px; line-height: 30px; background: url(../images/icon.gif) -140px -139px no-repeat; text-indent: 15px; overflow: hidden; }
.col_2 .r li.last { display: inline; margin: 5px 15px 0; padding: 3px; width: 227px; height: 297px; border: 1px solid #E0E0E0; overflow: hidden; background: none; text-indent: 0; }
.col_2 .r li.last a { display: block; width: 227px; height: 297px; color: #FFF; text-align: center; overflow: hidden; }
.col_2 .r li.last a img { height: 297px; }

.col_2 .l_1 { float: left; display: block; padding: 10px 50px; background: url(../images/bg2.gif) left top repeat; }
.col_2 .l_1 ul { float: left; width: 560px; height: 310px; overflow: hidden; }

.roundabout-moveable-item { display: block; padding: 3px; width: 210px; height: 297px; background-color: #FFF; border: 1px solid #B7B7B7; }
.roundabout-moveable-item a { display: block; width: 100%; height: 100%; overflow: hidden; }
.roundabout-moveable-item img { width: 100%; }

.col_2 .l_2 { width: 660px; overflow: hidden; }
.col_2 .l_2 ul { display: inline-block; width: 710px; }
.col_2 .l_2 li { float: left; display: block; margin-right: 50px; width: 305px; height: 30px; line-height: 30px; background: url(../images/icon.gif) -140px -139px no-repeat; text-indent: 15px; border-bottom: 1px dashed #B7B7B7; overflow: hidden; }


.img_list { float: left; display: block; width: 960px; }
.img_list a { color: #FFF; }
.img_list a:hover { color: #FFF; text-decoration: none; }
.img_list li { float: left; display: inline; position: relative; margin: 0 20px 10px 0; width: 170px; height: 248px; border: 1px solid #B7B7B7; overflow: hidden; }
.img_list li .img, .img_list li .text { display: block; width: 100%; height: 217px; text-align: center; overflow: hidden; }
.img_list li .img img { width: 100%; }
.img_list li .name { display: block; width: 100%; height: 30px; line-height: 30px; background-color: #000; border-top: 1px solid #B7B7B7; font-size: 14px; text-align: center; overflow: hidden; }
.img_list li .text { position: relative; left: -1000px; top: -100%; background-color: #000; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.img_list li .text b { display: block; padding: 70% 10px 0; font-weight: normal; }
.img_list li:hover .text { left: 0; }
.img_list li.up { top: -260px; margin-bottom: -248px; }

.img_list li.b { width: 362px; height: 508px; }
.img_list li.b .img, .img_list li.b .text { height: 477px; }
.img_list li.b .text b { padding: 395px 10px 0; }

.il_2 li { margin-top: 10px; height: auto; }
.il_2 li .img { height: auto; }
.il_2 li .img img { width: 100%; height: auto; }
.il_2 li .name { font-size: 12px; }


.roll { float: left; position: relative; width: 940px; height: 280px; overflow: hidden; }
.roll ul { display: inline-block; margin-left: 0; }
.roll li { float: left; display: inline; position: relative; margin: 0 2px; width: 182px; height: 278px; border: 1px solid #E0E0E0; overflow: hidden; }
.roll li a { display: block; width: 174px; height: 270px; border: 4px solid #F0F0F0; color: #FFF; font-size: 14px; text-align: center; overflow: hidden; }
.roll li a img { float: left; height: 270px; }/* 固定图片高度 */
.roll li a span { float: left; display: block; position: relative; left: -1000px; top: -30px; margin-bottom: -30px; padding: 5px 10px; width: 154px; background-color: #000; text-align: center; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
.roll li a span b { display: block; height: 20px; color: #FFF; font-weight: normal; overflow: hidden; }
.roll li a:hover { border: 4px solid #00A2FF; color: #FFF; text-decoration: none; }
.roll li a:hover span { left: 0; }

.roll .prev, .roll .next { clear: both; float: left; display: inline-block; position: relative; top: -170px; margin: 0 0 -170px; width: 22px; height: 45px; text-indent: -2000px; }
.roll .prev i, .roll .next i { float: left; display: inline-block; width: 22px; height: 45px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.roll .prev { left: 0; }
.roll .prev i { background-position: -89px -69px; }
.roll .next { left: 918px; }
.roll .next i { background-position: -87px -130px; }
* html .roll .prev i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */
* html .roll .next i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */