﻿/* 放大镜特效样式 */



/* 左边,右边div块 */

#left,#right {

    width: 490px;

    height: 490px;

    /* border: 1px solid red; */

    float: left;

    margin: 0 0 0 84px;

    position: relative;

    overflow: hidden;

}



/* 左边div块内的移动小块 */

.mask {

    background: rgba(0,0,255,0.3);

    position: absolute;

    left: 50px;

    top: 50px;

    z-index: 8;

    display: block;

}





/* 选项卡样式 */



/* 选项卡div块 */

.xiaoTuList{

    width: 80px;

    overflow: hidden;

    position: absolute;

    list-style: none;

    padding: 0px;

    margin-top: 0px;

}



/* 小图div样式 */

.imgXT {

    float: left;

    margin-right: 20px;

    margin-bottom:4px;

    width: 65px;

    height: 64px;

}



/* 小图图片宽高显示 */

.imgXT img {

    width: 100%;

    height: 100%;

    border: 1px solid #fff;

}



/* 定义的一个清除浮动的 class 类 */

.clearFix{

    clear: both;

}



/* 选中时添加的样式 */

.Style {

    border: 3px solid  orange;

}