/* CSS Document */
* {margin: 0;padding: 0;}
ol,ul {list-style-type:none;}
#img_transition {
width:748px;                /** 实际应用要修改的地方，模块的总宽度 **/
height:431px;               /** 实际应用要修改的地方，模块的总高度 **/
margin:0px auto;          /** 实际应用要修改的地方 **/
position:relative;
background:url(../images/chin_bg.jpg) no-repeat left 383px;
}
#img_transition .img_ul {position:relative;}
#img_transition .img_ul li {
position:absolute;
top:0px;
left:0px;
display:none;/** 注意display:none与opacity:0的区别，实际上opacity:0它不等于display:none，而是display:block,只不过透明度为0而已。  **/
width:100%;
height:431px;
}
#img_transition .img_ul .li_1 {}
#img_transition .img_ul .li_2 {}
#img_transition .img_ul .li_3 {}
#img_transition .img_ul li.current {}

#img_transition .num {        /** 数字按钮的位置 **/
position:absolute;
top:383px;                    /** 实际应用要修改的地方，数据按钮的顶部距离 **/
left:48%;                     /** 实际应用要修改的地方，左侧距离 **/
}

#img_transition .num li {     /** 数字按钮的样式 **/
float:left;
width:30px;
height:30px;
margin-right:15px;
text-align:center;
color:#333333;
cursor:pointer;
line-height:30px;
}

#img_transition .num .current {
color:3fa61f;
cursor:pointer;
background:url(../images/list_xian.jpg) no-repeat center top;
}

#img_transition .btn {cursor:pointer;}
#img_transition .btn .prev_btn {    /** 上一张、下一张按钮 **/
position:absolute;
left:30px;
top:175px;
width:60px;
height:60px;
background-image:url(../images/lr.png);
background-position: 0px 0px;
}

#img_transition .btn .next_btn {    /** 上一张、下一张按钮的 **/
position:absolute;
right:30px;
top:175px;
width:60px;
height:60px;
background-image:url(../images/lr.png);
background-position: 0px -60px;
}
#img_transition .btn .prev_btn:hover {    /** 上一张、下一张按钮 **/
background-image:url(../images/l-hover.png);
}
#img_transition .btn .next_btn:hover {    /** 上一张、下一张按钮的 **/
background-image:url(../images/r-hover.png);
}

.img_ul li .w_hd {position:relative;}
.img_ul li .w_hd .hd { position:absolute; z-index:9999px;color:#ffd12f; width:748px;}
.img_ul li .w_hd .hd dl { width:174px; display:block; float:left; margin-left:10px;}
.img_ul li .w_hd .hd .none {margin-left:0px;}
.img_ul li .w_hd .hd dl dd {}
.img_ul li .w_hd .hd dl dt { padding:8px 0; text-align:center; height:37px; overflow:hidden;}
.img_ul li .w_hd .hd dl dt a { font-size:14px;text-decoration:none; color:#333333;font-family:Microsoft YaHei,SimHei,SimSun;}

.m-lb .w_hd .hd dl { width:332px; display:block;margin: 0 21px 20px 21px; float:left;}
.m-lb .w_hd .hd dl dd {}
.m-lb .w_hd .hd dl dd a { padding:9px; display:block; border:1px #d7efff solid;}
.m-lb .w_hd .hd dl dd a img { border:5px #f2f2f2 solid;}
.m-lb .w_hd .hd dl:hover dd a { background-color:#1167b7;}
.m-lb .w_hd .hd dl:hover dd a img { border:5px #fff solid;}
.m-lb .w_hd .hd dl dt { padding:10px 20px; height:40px; text-align:center;overflow:hidden;}
.m-lb .w_hd .hd dl dt a { font-size:14px;text-decoration:none; color:#333333;font-family:Microsoft YaHei,SimHei,SimSun;}

.m-lb .w_hd {position:none;}
.m-lb .w_hd .hd { position:none; margin-top:20px;}