.tp-current{width:240px;margin:30px auto}.tp-img-wrap{border:1px solid #ddd;position:relative}.tp-img-wrap,.tp-img-wrap img{width:240px;height:200px}.tp-img-text{line-height:35px;width:100%;color:#fff;position:absolute;bottom:0;left:0;background:#000;filter:alpha(Opacity=50);opacity:.5}.tp-current-info{margin:10px 0 0;line-height:35px;overflow:hidden}.tp-current-info .btn{padding:0 20px;background:#888;color:#fff}.tp-current-info .btn:hover{background:#999}.tp-current-info .btn.light{background:#66BE8C}.tp-current-info .btn.light:hover{background:#58C587}.tp-list{height:720px;border:1px solid #ddd;overflow:hidden}.tp-list .tab-title{width:110px}.tp-list .tab-title a{display:block;width:110px;color:#333;line-height:50px;background:#f9f9f9;text-align:center;border-bottom:1px solid #ddd}.tp-list .tab-title .active a{background:#fff;border-right:1px solid #fff;position:relative;z-index:3}.tab-content-box{width:846px;height:100%;border-left:1px solid #ddd}.tab-content .tp-img-wrap{margin:30px 0 0 30px;float:left;cursor:pointer;position:relative}.tab-content .tp-img-wrap.active,.tab-content .tp-img-wrap:hover{border-color:#66BE8C;outline:#66BE8C solid 2px}.tab-content .tp-img-wrap.active .tp-img-text,.tab-content .tp-img-wrap:hover .tp-img-text{background:#66BE8C;filter:alpha(Opacity=100);opacity:1}.tp-img-wrap .triangle{position:absolute;right:0;top:0;width:0;height:0;border-width:15px;border-style:solid solid dashed dashed;border-color:#66BE8C #66BE8C transparent transparent;display:none}.tp-img-wrap .triangle .icon{position:relative;top:-16px;right:2px;color:#fff}.tab-content .tp-img-wrap.active .triangle{display:block}